HTML5

ローディングの演出

SPEC | JavaScript、HTML、CSSクリエイターの採用試験 - jsdo.it - Share JavaScript, HTML5 and CSSローディングの演出を考えてくださいにチャレンジ。 forked: ローディング - jsdo.it - Share JavaScript, HTML5 and CSS説明通り、"Now Loading"出したら…

アメーバピグの着せ替えインターフェイス

SPEC | Flash、JavaScript、HTML、CSSクリエイターの採用試験 - wonderfl build flash onlineアバターコミュニティサービス『アメーバピグ』の素材を使って、キャラクタを着せ替えるインターフェースを考えてください。にチャレンジ。 forked from: pigg - j…

SPEC | Flash、JavaScript、HTML、CSSクリエイターの採用試験にてSilver受賞

SPEC | Flash、JavaScript、HTML、CSSクリエイターの採用試験 - wonderfl build flash onlineモンスターを捕まえて、育て、戦わせるゲーム『GYAOS!(ギャオス)』のバトルシーンの演出方法を追求してください。にてSilverを受賞。ありがとうございます。擦っ…

GYAOS!のバトルシーンの演出

SPEC | Flash、JavaScript、HTML、CSSクリエイターの採用試験 - wonderfl build flash onlineモンスターを捕まえて、育て、戦わせるゲーム『GYAOS!(ギャオス)』の バトルシーンの演出方法を追求してください。にチャレンジ。 forked from: GYAOS_sample - …

CBCNET ( http://www.cbc-net.com/ ) のRSSFeedを利用して、CBCNETのトップページをリニューアル

JAM - HTML5 and FlashSession5「CBCNET ( http://www.cbc-net.com/ ) のRSSFeedを利用して、CBCNETのトップページをリニューアルしてください。」との事で、HTML5でマークアップ。 forked from: CBC NET - jsdo.it - Share JavaScript, HTML5 and CSS始めは…

(Fav)icon Maker

JavaScriptで動的アイコン生成。Dotshopをforkして追加しようかと思ったけど、HTML5ぽくCanvas使って作ってみた。 (Fav)icon Maker - jsdo.it - Share JavaScript, HTML5 and CSS フォーマット仕様に関しては、・ICO(CUR) ファイルフォーマットを参考にさせ…

JAM - HTML5 and Flash にてSilver受賞(2回目)。

JAM - HTML5 and FlashSession4「視覚的にも楽しめる楽器アプリをつくってください」にてSilverを受賞(2回目)。これは逆に悔s(ry「フォークもう一本」と言った側からありがとうございます。今回ばかりはOperaとFirefoxしか確認できなくてどうかなと思ってた…

視覚的にも楽しめる楽器アプリ

JAM - HTML5 and FlashSession4「視覚的にも楽しめる楽器アプリをつくってください」全く以って想像力の欠片もない自分にガッカリ。ホント思いつかなくて参戦できないレベルだったんだけど、動的波形生成は常々興味あったので、勉強がてら何とか1作品作って…

Dotshop

JAM - HTML5 and FlashSession3「思わず押したくなるボタンをつくってください」ボタンなんてデフォで押したいモンだろと思うんだけど、このテーマは難しい。 Dotshop - jsdo.it - share JavaScript, HTML5 and CSS結局ボタン数で勝負かなと、リアルタイムド…

正規表現チェッカー

久々の投稿。 正規表現にマッチした部分を色付けするツール。 ちょっとした確認をしたい時に使えるかなと。 正規表現チェッカー - jsdo.it - share JavaScript, HTML5 and CSS色付けの方法はgオプション以外は単純にreplaceすればいいんだけど、gオプション…

MediaRSSをフィードとするフォトビューア

JAM - HTML5 and Flash Session2 「MediaRSSをフィードとするフォトビューアをつくってください」との事で、机の上に無造作に置かれたポラロイドを表現。 forked from: Simple MediaRSS Viewer - jsdo.it - share JavaScript, HTML5 and CSS回転させる為のCS…

jsAvoidit

避けゲー。 jsAvoidit - jsdo.it - share JavaScript, HTML5 and CSS それなりにゲームも作れるんだろうけど、Operaでonkeyupが取れないっぽいのでキーボード操作系のは難しいかも。

砂時計

javascriptが速いブラウザじゃないと厳しめ。 砂時計 - jsdo.it - share JavaScript, HTML5 and CSS 初めはfillStyleとfillRect()で砂粒書いてたんだけど、重い→数減らす→つまんない→fillStyleなくす(同色)→数増やせたけどつまんない→getImageData()で直書き…

地形生成

興味があったので。ハイトマップを作って線で結んで表示してみただけだけど、何だかそれっぽい。しかし色付けたい。 地形生成 - jsdo.it - share JavaScript, HTML5 and CSS あと、先日のBouningen ClockがHot Code入りしてた。人間の動作で時計ったらコレか…

JSDOITを追え!

Wonderfl版を移植した。Wonderflの時はSprite使ってたんで、個別にクリックイベント登録してたんだけど、今回はwindow.onclickのみ。 JSDOITを追え! - jsdo.it - share JavaScript, HTML5 and CSScanvasはAS3でいうBitmapData的な感じで書けるかな。

Google Mapを回転

Google Mapである必要はない。。回転ボタンを押している間、地図が回転する。 地図を読んでいる雰囲気なノリ。 IE非対応。 地図を回転 - jsdo.it - share JavaScript, HTML5 and CSSbody onloadはwindow.onload = function(){};て書き方ができるのか。

ブラウザ外からドラッグアンドドロップ

先日ローンチされたjsdo.itに参戦。jsticeはコードネームだったのか。HTML5という事で、今の所Canvasを使った投稿が多い様(というか書き始めると が用意されてるん)だけど、canvas使わなくてもいいのよね?という訳で、気になっていたブラウザ外からのドラッ…