<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
	<channel>
		<title>Sf on akky@サイボウズラボ・ブログ</title>
		<link>https://labs.cybozu.co.jp/blog/akky/tags/sf/</link>
		<description>Recent content in Sf on akky@サイボウズラボ・ブログ</description>
		<generator>Hugo</generator>
		<language>ja</language>
		
		
		
		
			<lastBuildDate>Wed, 02 Jun 2021 00:00:00 +0000</lastBuildDate>
		
			<atom:link href="https://labs.cybozu.co.jp/blog/akky/tags/sf/index.xml" rel="self" type="application/rss+xml" />
			<item>
				<title>yare.io - JavaScript で艦隊を動かし戦わせるゲーム</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2021/06/yare-io-space-battle-by-javascript/</link>
				<pubDate>Wed, 02 Jun 2021 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2021/06/yare-io-space-battle-by-javascript/</guid>
				<description>&lt;p&gt;&lt;a href=&#34;https://yare.io/&#34;&gt;yare.io&lt;/a&gt; は、Javascriptプログラムを書いて宇宙戦を戦わせるwebサービスです。&lt;/p&gt;&#xA;&lt;p&gt;ゲームは一対一の戦い、スピリット(spirit)というユニットを操作して、自分の基地を守りつつ敵の基地を破壊することが勝利条件です。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2021/06/yare-io-space-battle-by-javascript/yare-io-fleets-battle.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2021/06/yare-io-space-battle-by-javascript/yare-io-fleets-battle_hu_dd1aa7d42ae137d7.webp 480w, https://labs.cybozu.co.jp/blog/akky/2021/06/yare-io-space-battle-by-javascript/yare-io-fleets-battle_hu_301fe4486e1c951d.webp 579w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2021/06/yare-io-space-battle-by-javascript/yare-io-fleets-battle.png&#34; width=&#34;579&#34; height=&#34;586&#34; alt=&#34;&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;操作して、と言いましたがマウスなどで直接操作するわけではなく、JavaScript でスピリットがどのように振舞うかをプログラミングし、フィールドに投入して戦わせます。&lt;/p&gt;&#xA;&lt;p&gt;チュートリアルがあるので、通しでやってみました。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2021/06/yare-io-space-battle-by-javascript/yare-io-attacking-enemy-baae-on-tutorial.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2021/06/yare-io-space-battle-by-javascript/yare-io-attacking-enemy-baae-on-tutorial_hu_4658a29923936d47.webp 480w, https://labs.cybozu.co.jp/blog/akky/2021/06/yare-io-space-battle-by-javascript/yare-io-attacking-enemy-baae-on-tutorial_hu_e09eb948cd09d96f.webp 768w, https://labs.cybozu.co.jp/blog/akky/2021/06/yare-io-space-battle-by-javascript/yare-io-attacking-enemy-baae-on-tutorial_hu_f9e73892f6903533.webp 1460w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2021/06/yare-io-space-battle-by-javascript/yare-io-attacking-enemy-baae-on-tutorial.png&#34; width=&#34;1460&#34; height=&#34;756&#34; alt=&#34;&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;基地の最寄りの恒星でエネルギーを補給させ、それを基地へと持ち帰らせます。&lt;/p&gt;&#xA;&lt;p&gt;エネルギーをある程度運びこむと、基地から新しいユニット(スピリット)が誕生するので、自分のすべてのユニットを配列で回し、使えるユニットを増やしていきます。&lt;/p&gt;&#xA;&lt;p&gt;自給ができるようになったら、一定範囲を索敵し、攻めてきた敵のスピリッツからエネルギーを奪うことで撃破します。チュートリアルではここまで。&lt;/p&gt;&#xA;&lt;p&gt;この後は実際の戦闘フィールドに参加します。他のユーザーを待つこともできますが、相手が見つからない時や練習用に bot のプレイヤーも用意されています。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2021/06/yare-io-space-battle-by-javascript/yare-io-akky-vs-bot.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2021/06/yare-io-space-battle-by-javascript/yare-io-akky-vs-bot_hu_17533799761d089.webp 480w, https://labs.cybozu.co.jp/blog/akky/2021/06/yare-io-space-battle-by-javascript/yare-io-akky-vs-bot_hu_7d0ac141fdfa92d.webp 535w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2021/06/yare-io-space-battle-by-javascript/yare-io-akky-vs-bot.png&#34; width=&#34;535&#34; height=&#34;582&#34; alt=&#34;&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;試しに増やした艦隊の半分を敵の基地へ送るプログラムを書き投入してみたのですが、待ち受ける敵の艦隊に各個撃破されてしまい散々でした。チュートリアルから実戦に行くには、もう少し凝ったプログラムを作らないといけなさそうです。&lt;/p&gt;&#xA;&lt;p&gt;ゲームシステムはまだまだ荒く、スピリットの種類やルール、使える関数もこれから増えていくそうです。Discord チャンネルで作者や他プレイヤーと雑談することができ、現在の制限事項や今後の予定などについて知ることができます。&lt;/p&gt;</description>
			</item>
			<item>
				<title>自宅のドアをSF調にする大型ステッカー</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2013/07/sifi-door-stickers/</link>
				<pubDate>Mon, 22 Jul 2013 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2013/07/sifi-door-stickers/</guid>
				<description>&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2013/07/sifi-door-stickers/sifi-door-decals.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2013/07/sifi-door-stickers/sifi-door-decals_hu_49b0fde94105d9da.webp 480w, https://labs.cybozu.co.jp/blog/akky/2013/07/sifi-door-stickers/sifi-door-decals_hu_8dd77c537cbade48.webp 597w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2013/07/sifi-door-stickers/sifi-door-decals.png&#34; width=&#34;597&#34; height=&#34;446&#34; alt=&#34;sifi-door-decals&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;ドア全体にシールを貼れば、今あるドアを全く違うデザインにできるんですね。&lt;/p&gt;&#xA;&lt;p&gt;宇宙船のエアロック&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2013/07/sifi-door-stickers/door-decal-airlock.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2013/07/sifi-door-stickers/door-decal-airlock_hu_639a74d2ba75be30.webp 337w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2013/07/sifi-door-stickers/door-decal-airlock.png&#34; width=&#34;337&#34; height=&#34;315&#34; alt=&#34;door-decal-airlock&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;武器庫&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2013/07/sifi-door-stickers/door-decal-armory.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2013/07/sifi-door-stickers/door-decal-armory_hu_33ef14a27eab0d91.webp 307w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2013/07/sifi-door-stickers/door-decal-armory.png&#34; width=&#34;307&#34; height=&#34;319&#34; alt=&#34;door-decal-armory&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;未来風倉庫&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2013/07/sifi-door-stickers/door-decal-freight-elevator.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2013/07/sifi-door-stickers/door-decal-freight-elevator_hu_c9ad3db43ae0715a.webp 326w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2013/07/sifi-door-stickers/door-decal-freight-elevator.png&#34; width=&#34;326&#34; height=&#34;322&#34; alt=&#34;door-decal-freight-elevator&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;重要そうな研究をしているラボの入り口&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2013/07/sifi-door-stickers/door-decal-lab-door.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2013/07/sifi-door-stickers/door-decal-lab-door_hu_b6f1637e9f81a182.webp 334w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2013/07/sifi-door-stickers/door-decal-lab-door.png&#34; width=&#34;334&#34; height=&#34;319&#34; alt=&#34;door-decal-lab-door&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;http://www.gadgetsandgear.com/door-sticker-decals.html&#34;&gt;一枚 $59.95&lt;/a&gt; 。サイズは 80インチ x 32インチ (203cm x 81 cm)ということ。思わず家のドアのサイズを測ってみたところ、一つは 200 cm x 79 cm だったので、端っこを少しカットするだけで合いそうです。&lt;/p&gt;&#xA;&lt;p&gt;ドア全面に貼りつけるシールは、SFに限らずいろいろとあるようで、検索したらこんなのも出てきました。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;http://www.couturedeco.com/325-castel-corridor-trompe-l-oeil.html&#34;&gt;イタリアの廻廊&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2013/07/sifi-door-stickers/door-decal-castel-corridor.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2013/07/sifi-door-stickers/door-decal-castel-corridor_hu_6e7b987a22a7a495.webp 299w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2013/07/sifi-door-stickers/door-decal-castel-corridor.png&#34; width=&#34;299&#34; height=&#34;296&#34; alt=&#34;door-decal-castel-corridor&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;http://www.couturedeco.com/329-french-catacombs-stairs-doors-trompe-l-oeil.html&#34;&gt;フランスの地下墓地&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2013/07/sifi-door-stickers/door-decal-french-catacombs-stairs.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2013/07/sifi-door-stickers/door-decal-french-catacombs-stairs_hu_1bb6f21e2752dfb2.webp 296w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2013/07/sifi-door-stickers/door-decal-french-catacombs-stairs.png&#34; width=&#34;296&#34; height=&#34;297&#34; alt=&#34;door-decal-french-catacombs-stairs&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;こちらは$199 とちょっとお高い。&lt;/p&gt;</description>
			</item>
			<item>
				<title>ファーストパーソンシューティング(FPS)映画</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2013/03/first-person-shooting-movie/</link>
				<pubDate>Wed, 20 Mar 2013 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2013/03/first-person-shooting-movie/</guid>
				<description>&lt;p&gt;Biting Elbowsの公式音楽ビデオBad Motherfuckerは、海外で人気の&lt;a href=&#34;http://ja.wikipedia.org/wiki/%E3%83%95%E3%82%A1%E3%83%BC%E3%82%B9%E3%83%88%E3%83%91%E3%83%BC%E3%82%BD%E3%83%B3%E3%83%BB%E3%82%B7%E3%83%A5%E3%83%BC%E3%83%86%E3%82%A3%E3%83%B3%E3%82%B0%E3%82%B2%E3%83%BC%E3%83%A0&#34;&gt;一人称視点アクションゲーム(First Person Shooter, FPS)&lt;/a&gt;をそのまま短編映画として再現した、面白い動画になっています。&lt;/p&gt;&#xA;&#xA;&#x9;&#x9;&#x9;&lt;div&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;style=&#34;position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;&#34;&gt;&#xA;&#x9;&#x9;&#x9;&#x9;&lt;iframe&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;src=&#34;https://player.vimeo.com/video/62092214?dnt=0&#34;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;style=&#34;position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;&#34; allow=&#34;fullscreen&#34;&gt;&#xA;&#x9;&#x9;&#x9;&#x9;&lt;/iframe&gt;&#xA;&#x9;&#x9;&#x9;&lt;/div&gt;&#xA;&#xA;&lt;p&gt;普通の映画でも、あるシーンが主人公視点になることは珍しくないと思いますが、このショートフィルムでは、最初から最後まで全部主人公の視点です。また、FPSゲームでありがちなシーンが多数再現されていてFPSのパロディとしても笑わせられます。&lt;/p&gt;&#xA;&lt;p&gt;ちょっとバイオレントですが、これもFPSのパロディだからしょうがないかなと。ゲームCGのリアルさが進化したら、いずれゲームもこれぐらいリアルになったりするのかも。&lt;/p&gt;</description>
			</item>
	</channel>
</rss>
