[WEBサービス]コバルト爆弾αΩがMaltineRecordsから楽曲公開するのでマインスイーパーするサイトを作った
作った!
New Release!!!
[MARU-161] コバルト爆弾αΩ – LISTEN, YOU PENCIL NECK GEEKShttps://t.co/aFhZ2aH7kn pic.twitter.com/Pg14sBWfQO— Maltine Records (@MaltineRecords) 2017年2月16日
はー。やっとリリースできた。とりあえず適当にメモを残しておくことにする。
はじまり
まずは、話があって、NC帝國からジャケとコバルト爆弾αΩからデモ曲をもらった。
ジャケットの元ネタになった映画「ときめきサイエンス(原題: Weird Science)」を見ながら、ksd6700が下記のようなコンセプトを決めた。
> 90年代の初期コンピュータイメージをページで再現したいなと。
> 爆弾つながりでWin95のマインスイーパーをモチーフにしたいと思うておるます。
> シーパンクっぽいネットカルチャには寄せない方がいいなと思ってて(お洒落過ぎ)
> もっとナーディーに渋い感じの95年-98年のPCっぽさが出したい。
> ネットにつなぐ前の日々。一日中マインスイーパーしてたあの頃!
マインスイーパーをWEBブラウザで実現するためのソースを集めまくって、片っぱしから試して挙動が安定して改造出来そうなものをチョイス。
また、サイトの雰囲気を出すためのJSをYoshiyuki SASAKIと探しまくる。
デザイン、フロント実装は、以前 XXXXサイトを構築した時に一緒にやった元チームメイトを誘った。
それぞれフリーランスとして活躍してる中で担当してもらえて助かった。
リリース1週間前に、「富士そばWEBサイトAA」の一件がバズって奇跡のようなタイミングだった。
富士そば広報も「はじめて知った」
富士そば公式サイトにかわいい隠しキャラ ソースコードを見てみたら…… – ねとらぼ https://t.co/A17Zda3BS5 @itm_nlab pic.twitter.com/qghcxSYWYP
— ねとらぼ (@itm_nlab) 2017年2月14日
ページの設計図になるワイヤーフレームとクリア/ゲームオーバー時の挙動をksd6700で確定。
デザインをDaisuke UZAKI (monography)にオーダー。
上がったデザインをJS実装を行うMIKADUKIMO (Planktonz)に引き渡してオーダー。
出来上がったファイル一式を元に文字修正、一部レスポンシブCSS対応、SEO/AMP対応をksd6700で対応。
tomadくんにファイル一式を渡して本番アップ完了。
リリース後の反応
リアルタイム検索
Win98と同い年の高校生、マインスイーパに初挑戦! 2時間粘った結果は(KAI-YOU 2017.02.22 安藤勇作)
クレジット
[MARU-161] – LISTEN, YOU PENCIL NECK GEEKS
コバルト爆弾αΩ
Artwork : NC帝國
WebDesign : Daisuke UZAKI (monography)
Web Front Coding : MIKADUKIMO (Planktonz)
Web Adviser : Yoshiyuki SASAKI
Web Direction : ksd6700 (INAGE / OmanticRecords)
Powered by : 西千葉Tシャツ
tomad
MaltineRecords
お仕事お待ちしてます!
info(at)ksd6700.net
コバルト爆弾αΩがMaltineRecordsから楽曲公開するのでマインスイーパーするサイトを作った
作った!
New Release!!!
[MARU-161] コバルト爆弾αΩ – LISTEN, YOU PENCIL NECK GEEKShttps://t.co/aFhZ2aH7kn pic.twitter.com/Pg14sBWfQO— Maltine Records (@MaltineRecords) 2017年2月16日
はー。やっとリリースできた。とりあえず適当にメモを残しておくことにする。(!ホントにメモ!)
はじまり
まずは、話があって、NC帝國からジャケとコバルト爆弾αΩからデモ曲をもらった。
ジャケットの元ネタになった映画「ときめきサイエンス(原題: Weird Science)」を見ながら、ksd6700が下記のようなコンセプトを決めた。
> 90年代の初期コンピュータイメージをページで再現したいなと。
> 爆弾つながりでWin95のマインスイーパーをモチーフにしたいと思うておるます。
> シーパンクっぽいネットカルチャには寄せない方がいいなと思ってて(お洒落過ぎ)
> もっとナーディーに渋い感じの95年-98年のPCっぽさが出したい。
> ネットにつなぐ前の日々。一日中マインスイーパーしてたあの頃!
マインスイーパーをWEBブラウザで実現するためのソースを集めまくって、片っぱしから試して挙動が安定して改造出来そうなものをチョイス。
また、サイトの雰囲気を醸し出すための仕掛けをYoshiyuki SASAKIが探しまくってくれた。
デザイン、フロント実装は、以前 XXXXサイトを構築した時に一緒にやった元チームメイトを誘った。
それぞれフリーランスとして活躍してる中で担当してもらえて助かった。
リリース1週間前に、「富士そばWEBサイトAA」の一件がバズって奇跡のようなタイミングだった。
富士そば広報も「はじめて知った」
富士そば公式サイトにかわいい隠しキャラ ソースコードを見てみたら…… – ねとらぼ https://t.co/A17Zda3BS5 @itm_nlab pic.twitter.com/qghcxSYWYP
— ねとらぼ (@itm_nlab) 2017年2月14日
ページの設計図になるワイヤーフレームとクリア/ゲームオーバー時の挙動をksd6700で確定。
デザインをDaisuke UZAKI (monography)にオーダー。
上がったデザインをJS実装を行うMIKADUKIMO (Planktonz)に引き渡してオーダー。
出来上がったファイル一式を元に文字修正、一部レスポンシブCSS対応、SEO/AMP対応をksd6700で対応。
tomadくんにファイル一式を渡して本番アップ完了。
クレジット
[MARU-161] – LISTEN, YOU PENCIL NECK GEEKS
コバルト爆弾αΩ
Artwork : NC帝國
WebDesign : Daisuke UZAKI (monography)
Web Front Coding : MIKADUKIMO (Planktonz)
Web Adviser : Yoshiyuki SASAKI
Web Direction : ksd6700 (INAGE / OmanticRecords)
Powered by : 西千葉Tシャツtomad
MaltineRecords
お仕事お待ちしてます!
info(at)ksd6700.net
コバルト爆弾αΩがMaltineRecordsから楽曲公開するのでマインスイーパーするサイトを作った
作った!
New Release!!!
[MARU-161] コバルト爆弾αΩ – LISTEN, YOU PENCIL NECK GEEKShttps://t.co/aFhZ2aH7kn pic.twitter.com/Pg14sBWfQO— Maltine Records (@MaltineRecords) 2017年2月16日
はー。やっとリリースできた。とりあえず適当にメモを残しておくことにする。(!ホントにメモ!)
はじまり
まずは、話があって、NC帝國からジャケとコバルト爆弾αΩからデモ曲をもらった。
ジャケットの元ネタになった映画「ときめきサイエンス(原題: Weird Science)」を見ながら、ksd6700が下記のようなコンセプトを決めた。
> 90年代の初期コンピュータイメージをページで再現したいなと。
> 爆弾つながりでWin95のマインスイーパーをモチーフにしたいと思うておるます。
> シーパンクっぽいネットカルチャには寄せない方がいいなと思ってて(お洒落過ぎ)
> もっとナーディーに渋い感じの95年-98年のPCっぽさが出したい。
> ネットにつなぐ前の日々。一日中マインスイーパーしてたあの頃!
マインスイーパーをWEBブラウザで実現するためのソースを集めまくって、片っぱしから試して挙動が安定して改造出来そうなものをチョイス。
また、サイトの雰囲気を醸し出すための仕掛けをYoshiyuki SASAKIが探しまくってくれた。
デザイン、フロント実装は、以前 XXXXサイトを構築した時に一緒にやった元チームメイトを誘った。
それぞれフリーランスとして活躍してる中で担当してもらえて助かった。
リリース1週間前に、「富士そばWEBサイトAA」の一件がバズって奇跡のようなタイミングだった。
富士そば広報も「はじめて知った」
富士そば公式サイトにかわいい隠しキャラ ソースコードを見てみたら…… – ねとらぼ https://t.co/A17Zda3BS5 @itm_nlab pic.twitter.com/qghcxSYWYP
— ねとらぼ (@itm_nlab) 2017年2月14日
ページの設計図になるワイヤーフレームとクリア/ゲームオーバー時の挙動をksd6700で確定。
デザインをDaisuke UZAKI (monography)にオーダー。
上がったデザインをJS実装を行うMIKADUKIMO (Planktonz)に引き渡してオーダー。
出来上がったファイル一式を元に文字修正、一部レスポンシブCSS対応、SEO/AMP対応をksd6700で対応。
tomadくんにファイル一式を渡して本番アップ完了。
クレジット
[MARU-161] – LISTEN, YOU PENCIL NECK GEEKS
コバルト爆弾αΩ
Artwork : NC帝國
WebDesign : Daisuke UZAKI (monography)
Web Front Coding : MIKADUKIMO (Planktonz)
Web Adviser : Yoshiyuki SASAKI
Web Direction : ksd6700 (INAGE / OmanticRecords)
Powered by : 西千葉Tシャツtomad
MaltineRecords
お仕事お待ちしてます!
info(at)ksd6700.net
[MARU-161] コバルト爆弾αΩ – LISTEN, YOU PENCIL NECK GEEKS
New Release!!!
[MARU-161] コバルト爆弾αΩ – LISTEN, YOU PENCIL NECK GEEKShttps://t.co/aFhZ2aH7kn pic.twitter.com/Pg14sBWfQO— Maltine Records (@MaltineRecords) 2017年2月16日
@mikadukimo 先日話題になった #富士そば さんのサイトを構築したグレイトなメンツが再結集してWEBサイトを仕上げました。どうぞご賞味くださいませ。 https://t.co/aWU7Peg2MQ
—
sghrスガハラガラス × Kvel 銀座三越にて販売中
本日から21日まで、銀座三越7階にて、sghrスガハラガラス × Kvel特別販売を致します。Kvelとスガハラガラスが織り成す、音と光のアートをぜひご体験ください!
また、16日からは スガハラショップ青山 Sghr Aoyama / reSt by Sghr にて、「Sghr New design Preview 2017 新製品発表会」が開催されます。こちらもぜひお立ち寄りください。
Kvelは、オンラインでもお買い求め頂けます。詳しくはこちらをご覧ください。
http://oxoxo.me/k/
Recent entries
- jit.gl.gridshape の matrixoutput についてのメモ #max8
- jit.gl.pix で簡易モーションブラー #max8 #jitter
- jit.gl.pix で Gold Noise #max8 #jitter
- Gen で配列をつくる検討 #Max8
- Package Managerで配布されているease objectを使いやすくしてイージング #max8
- Node for Max を用いて、定形外のUDPデータを受信 #Max8 #n4m
- 平ハウス物語 – 山田尚子監督作品 非公式ファンイベント
- The Splendid Expression – GITADORA×NOSTALGIA
- ghost in my place【from DEEMO II】
- EP “Boys O’Clock”
- 7th Album “多次元宇宙論”
- LEON.jpのWEB特集「大人のいい時間」にAromが紹介されました。
- 音できらめくキャンドルライト Arom(第2世代)発売開始
- EP “Strange Story”
- 都市の呼吸【from Cytus II】