<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width,maximum-scale=1.0"> <meta name="description" content="君の考えたキャラクターが、小説とイラストになる"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="第六猟兵"> <meta name="twitter:description" content="→ GAME START"> <meta name="twitter:image" content="https://cdn.tw6.jp/html/world/img/twittercard.png"> <title>第六猟兵</title> <link rel="apple-touch-icon" href="https://cdn.tw6.jp/./favicon-apple-touch.png" sizes="180x180"> <style> @font-face { font-family: emoji; src: local("Segoe UI Emoji"), local("Segoe UI Symbol"), local("Apple Color Emoji"), local("Noto Color Emoji"), local("Android Emoji"), local("Noto Emoji"); unicode-range: U+20E3-2B55, U+1F000-1F9FF; } @font-face { font-family: emoji; font-weight: bold; src: local("Segoe UI Emoji"), local("Segoe UI Symbol"), local("Apple Color Emoji"), local("Noto Color Emoji"), local("Android Emoji"), local("Noto Emoji"); unicode-range: U+20E3-2B55, U+1F000-1F9FF; } body{ margin:0; padding:0; font-size:0; background:#123; overflow:none; position: relative; font-family: emoji, "UD デジタル 教科書体 N-R", Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; } .main{ padding:0; height:100vh; width:100%; overflow:hidden; position:fixed; opacity:0; animation: fadein 0.5s ease 0.3s 1 normal forwards; } @keyframes fadein { 0% {opacity:0;} 100% {opacity:1;} } img.msg{ position: absolute; bottom: 15%; left: 0; right: 0; margin:0 auto; width:80%; max-width:986px; } .main .logo{ position:absolute; left:0; right:0; margin:auto; top:0; opacity:0; } .main div.btn{ position:absolute; left:0; right:0; margin:auto; top:0; opacity:0; max-width:100%; text-align:center; } .main div.btn img{ width:100%; max-width:100%; animation: alpa 0.7s linear 0s infinite alternate; } @keyframes alpa { 0% {opacity:1;} 30% {opacity:1;} 100% {opacity:0;} } .main .about img{ position:absolute; left:10px; bottom:10px; width:200px; opacity:0; cursor:pointer; } @media screen and (max-width: 800px) { .main .about img{ left:calc(7.5% - 50px); width:25%; } } @media screen and (max-width: 400px) { .main .about img{ left:-5%; } } .main a.mainlink{ position:absolute; left:0; top:0; width:100%; height:100%; display:block; cursor:pointer; } /*オーバーフローポップアップ領域*/ div.overlay{ position:absolute; width:100%; height:100%; min-height:100%; right:0; bottom:0; top:0; background:rgba(0,0,0,0.7); z-index:10000; display:none; } div.overlay>div{ position:absolute; left:0; right:0; top:0; margin:auto; width:700px; max-width:80%; overflow:hidden; border:1px double #888; border-radius:5px; background:rgba(0,0,0,0.7); color:#fff; text-align:center; padding:20px; } div.overlay>div div.text{ margin:auto; width:700px; max-width:100%; font-size:16px; letter-spacing: 1px; line-height:1.7; text-align:left;; } div.overlay.show{ display:block; } div.overlay img{ max-width:100%; } footer div.fix{ right:1%; bottom:15px; position:fixed; z-index:9998; } footer div.fix img{ width:60px; height:60px; margin:0 3px; } </style> </head><body> <div class="main"> <img src="https://cdn.tw6.jp/img/tw6/top/mainimg.jpg" class="mainimg"> <div class="btn"> <a href="/main"> <img src="https://cdn.tw6.jp/img/tw6/top/gamestart.png"> </a> <br> </div> <img src="https://cdn.tw6.jp/img/tw6/top/logo_tw6_.png" class="logo"> <a href="/character_making/check" class="mainlink"> </a> <div class="about"> <img src="https://cdn.tw6.jp/img/tw6/top/about.png"> </div> </div> <footer> <div class="fix"> <a href="https://twitter.com/intent/tweet?text=%E5%90%9B%E3%81%AE%E8%80%83%E3%81%88%E3%81%9F%E3%82%AD%E3%83%A3%E3%83%A9%E3%82%AF%E3%82%BF%E3%83%BC%E3%81%8C%E3%80%81%E5%B0%8F%E8%AA%AC%E3%81%A8%E3%82%A4%E3%83%A9%E3%82%B9%E3%83%88%E3%81%AB%E3%81%AA%E3%82%8B%0a&hashtags=%E7%AC%AC%E5%85%AD%E7%8C%9F%E5%85%B5,%E3%83%88%E3%83%9F%E3%83%BC%E3%82%A6%E3%82%A9%E3%83%BC%E3%82%AB%E3%83%BC&url=https://tw6.jp/" target="_blank"><img src="https://cdn.tw6.jp/img/tw6/top/twitter.png" class="tw"></a> </div></footer> <div class="overlay" data-id="1"> <div> <div class="text"> <hr size="1px"> <h3>第六猟兵とは？</h3> <hr size="1px"> <br> 第六猟兵は、株式会社トミーウォーカーが運営する「<ruby> ＰＢＷ <rt>プレイバイウェブ</rt></ruby>」と呼ばれるブラウザゲームです。メインイラストはhuke、背景イラストは友野るい、世界の謎が隠された主題歌「ユーベルコード」は、ユリイ・カノンが担当しています。<br> <iframe width="100%" height="383" src="https://www.youtube.com/embed/Ev9ZIsNZJQ8" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe><br> <br> <hr size="1px"> <h3>PBWとはどんなゲームか</h3> <hr size="1px"> <br> 第六猟兵は「文章で遊ぶゲーム」や「人力RPG」とも呼ばれています。ゲームのシナリオや、登場するキャラクターのイラストは全て、ゲームに参加するひとりひとりの為に「書き下ろし」されます。たとえば↓のイラストも、たった3人のお客様の為にだけ描かれた作品です。PBWはこのように、ゲームで受ける全てのフィードバックがことごとく「手作り」という、凄まじく手間のかかったゲームなのです。<br> <br> <img src="https://cdn.tw6.jp/i/tw6/origin/0905/959402_f09058_3pinup_f.jpg"><br> <br> 第六猟兵は、PBWの中で<b>「最も簡単で、最も自由なゲーム」</b>と呼ばれています。具体的には下記の手順で遊びます。<br> <ol> <li>100種類以上の種族やジョブを組み合わせて、キャラクターを作る。</li> <li>クリエイターに支払う報酬（★）を用意する。</li> <li>シナリオをひとつ選び、やりたい事を「文章」で書く。</li> <li>結果が「小説」で帰ってくる！</li> <li>キャラの「イラスト」を描いてもらう！</li> <li>旅団（コミュニティ）でロールプレイして、友達を作る。<br></li> </ol> <hr size="1px"> <h3>世界設定</h3> <hr size="1px"> <br> <ol> <li>第六猟兵は、邪神の潜む現代地球や中世風ファンタジー世界、更には宇宙船の飛び交うSF世界から「大正時代が700年続く世界」まで、それぞれ異なる36の世界を巡る、冒険と戦いの物語です。</li> <li>敵の名は「オブリビオン」。失われた過去の化身であり、様々な手段で世界を破壊しようとします。</li> <li>プレイヤーは、世界を救う為に選ばれた「<ruby>猟兵<rt>イェーガー</rt></ruby>」です。世界を巡り、驚異の超常能力「ユーベルコード」を携え、オブリビオンに挑みます。</li> </ol> <br> <img src="https://cdn.tw6.jp/i/tw6/origin/1096/947166_f10966_battle2pinup_f.jpg"><br> <br> <hr size="1px"> <h3>ふたつの特徴的なゲームシステム</h3> <hr size="1px"> <br> 第六猟兵は、トミーウォーカーの創業15年目に始まった、六番目の作品です。しかし第六猟兵は、これまでの作品の中で「最大の革新」と評価された、ふたつのゲームシステムを搭載しています。<br> <br> ひとつめは<b>「マスター制度の改革」</b>。<br> これまでのPBWにおいて、シナリオの執筆者（マスター）と、ゲームを遊ぶプレイヤーは完全に区別されていました。マスターはゲームの裏情報を知っていたので、プレイヤー参加すると不公平だからです。しかし第六猟兵では、マスターに教える裏情報を「ゼロ」にする事で、プレイヤーとマスターを兼任可能とする事に成功しました。もちろん、シナリオを執筆すれば報酬も貰えます。プレイヤーとマスターの垣根を取り払うことで、新しいプレイスタイルが次々と登場し、個人の創作・表現の場としても大きな広がりを見せています。<br> <br> もうひとつは<b>「ユーベルコード」</b>。<br> 猟兵達の持つこの能力の効果は全て、ダメージとか命中率とかではなく、例えば「戦場にガラスの迷宮を作り出す」等の「能力バトルのような文章」でのみ表現されています。マスターはユーベルコードの説明文章と猟兵のプレイング、能力値等から結果を判定し、それを小説として執筆します。文章で表現された能力を小説で表現するので、理論上はどんな行動でも実行可能です。今のところ最新のAIにも不可能な「人力RPGの真骨頂」、それがユーベルコードなのです。<br> <br> ちなみに、ユーベルコードの内容はある程度「自作可能」です。めちゃくちゃでしょ？<br> <br> <img src="https://cdn.tw6.jp/i/tw6/origin/1723/898208_f17233_battle2pinup_f.jpg"><br> <br> <hr size="1px"> <h3>あなたの作品を出版します</h3> <hr size="1px"> <br> 第六猟兵のTRPG（テーブルトーク・ロールプレイングゲーム）が、Amazonで書籍として出版されています。全ての世界毎に独立したルールブックとなっており、どの本を買っても単体で遊べるようにデザインされています。<br> <br> 更に驚くべきことに、プレイヤーが作成した創作物も、公式出版物としてAmazonで販売しています。印刷費の負担も、在庫の管理も必要ありません。第六猟兵は「みんなで作るゲーム」なので、商業出版の道筋さえも、皆さんに等しく開かれています。<br> <br> TRPGも遊んでみてください。そして、いずれ出版にもチャレンジしてみてね！<br> <br> <a href="https://tw6.jp/trpg"><img src="https://tw6.jp/html/world/trpg/img/200116_cut02%20(1).png"></a><br> <br> </div> </div></div> <script> (function(){ history.scrollRestoration = "manual" ; var main = document.querySelector("div.main"); var img = main.querySelector("img.mainimg"); var logo = main.querySelector("img.logo"); var btn = main.querySelector("div.btn"); var about = main.querySelector(".about img"); var logopos = { top : 335, width : 304 }; var btnpos = { top : 495, width : 150 }; var mainimg = { width: 2560, height: 3549 }; var w; var h; var mvtop; var set = function(){ w = document.body.clientWidth; h = window.innerHeight; var iw; var ih; var ileft; var itop; var ll; var lw; var mh = h; if (w < mainimg.width){ if (w < mainimg.width * 0.25){ iw = mainimg.width * 0.25; }else{ iw = w; } ileft = 0; ih = iw / mainimg.width * mainimg.height; if (ih > mh){ itop = (mh - ih) / 9; }else{ ih = mh; itop = 0; iw = ih / mainimg.height * mainimg.width; } ileft = (w - iw) / 2; }else{ iw = mainimg.width; ih = mainimg.height; } main.style.height = mh + "px"; logo.style.top = mh * (logopos.top / 600) + "px"; lw = mh * (logopos.width / 600); btn.style.top = mh * ( btnpos.top / 600) + "px"; bw = mh * (btnpos.width / 600); mvtop = mh; img.style.marginTop = itop + "px"; img.style.width = iw + "px"; img.style.height = ih + "px"; if (lw > w){ lw = w; bw = lw * 200 / 304; bl = (lw - bw) / 2; } logo.style.width = lw + "px"; btn.style.width = bw + "px"; img.style.marginLeft = (w - iw) / 2 + "px"; logo.style.opacity = 1; btn.style.opacity = 1; if (about){ about.style.opacity = 1; } }; img.addEventListener("load",function(){ setTimeout(function(){ set(); },0); },false); set(); window.addEventListener( "resize", function () { set(); }); })(); /*オーバーレイ表示*/ var openOverlay; (function(){ var ovlobj = {}; var ovl = Array.prototype.slice.call(document.querySelectorAll(".overlay")); ovl.forEach(function(o){// console.log(o); var oid = ''; if (o.hasAttribute("data-id")){ oid = o.getAttribute("data-id"); } ovlobj[oid] = o; o.addEventListener("click",function(e){ if (e.target.tagName == "A" || e.target.tagName == "SELECT" || e.target.tagName == "OPTION" || e.target.tagName == "INPUT" || e.target.tagName == "TEXTAREA" || e.target.tagName == "BUTTON"){ return; } o.classList.remove("show"); e.stopPropagation(); },false); }); console.log(ovlobj); var lastOvl; openOverlay = function(oid){ if (lastOvl){ ovlobj[lastOvl].classList.remove("show"); } lastOvl = oid; var o = ovlobj[oid]; o.classList.add("show"); odiv = o.querySelector("div"); oh = odiv.clientHeight; var top = (window.innerHeight - oh) / 2 + window.pageYOffset; if (top < 0){ top = 0; } if (oh > document.body.clientHeight){ o.style.height = oh + "px"; top = "0"; }else if (oh + top > document.body.clientHeight){ top = document.body.clientHeight - oh; o.style.height = (oh + top) + "px"; } odiv.style.top = top + "px"; }; })(); document.querySelector(".about").addEventListener("click",function(e){ openOverlay("1"); e.preventDefault(); },false); </script> </body></html> 
