Show Menu Click on this button to see the content being pushed away in 3D to reveal a navigation or other items.
1 pixel|サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 初めまして。 html5、javascript、flashなどのクライアント開発を メインに担当しております、 菅家(@KA_ka_YY)と申します。 弊社3月に行われました、エンジニア、デザイナーを対象とした アプリコンテストというイベントにて WebGLを使用した野球盤ゲームを作成しました。 その際利用したThree.js(WebGLのjavascriptライブラリ)を用いた WebGLの使用方法を紹介させていただこうと思います。 (1)レンダリングまずは Blender というフリーの3Dモデリングソフトで 以下のようなキャラクターを作りました
Posted July 16, 2012 by Kevin & filed under Tech, Web Development. 13,935 views Experimental CSS3 effects always give us a glimpse of the future of web development. With the introduction of CSS 3D transform and keyframe animation capabilities, it opens up great potential of animation with pure CSS. These examples I found most of them are powered by javascript to create interactivity with the viewe
デモ:slide 3 [スペース]キーでスライドのオーバービューを表示。 [ad#ad-2] reveal.jsの主な特徴 reveal.jsは複数のパネルをダイナミックなスライドのアニメーションで表示することができます。 新しく改善されたスタイル。 下部にコントロールが可能なナビゲーション。 「highlight.js」を内包、コードのシンタックスハイライトに対応。 トランジションのテーマはdefault/concave/linearの3つ。 他のスライドをネストすることも可能。 各パネルごとに直接アクセスが可能。
Hello Therereveal.js enables you to create beautiful interactive slide decks using HTML. This presentation will show you examples of what it can do. Vertical SlidesSlides can be nested inside of each other. Use the Space key to navigate through all slides. Basement Level 1Nested slides are useful for adding additional detail underneath a high level horizontal slide. Basement Level 2That's it, time
やっぱりFLASHなんていらない!? HTML5でできた超高度なインタラクティブサイト2011.11.14 14:00 mayumine 「One Milionth Tower」は高層建築が社会に与えてきたストーリーをミニドキュメンタリーとして紹介するプロジェクト。 「One Milionth Tower 」の注目すべきところは、世界初の、完全にHTML 5と WebGL、Javascriptだけで作られた、高度なインタラクティブなサイトになっているところです。 3Dのビルや写真(そして音も)のドキュメンタリーグラフィックスは、すべてWeb GL(2D/3Dグラフィックスをウェブブラウザだけで表現できるAPI)で表現されています。 さらに「One Milionth Tower」では、「Popcorn」と呼ばれる、WebのAPIとHTMLのビデオ属性を統合する特殊なJavascriptツール
ちょっと前になりますが、ThinkMobile2011というイベント向けに制作したHTML5製ソーダ缶のデモをご紹介します。 担当の方から、広告主向けにHTML5を使ったスマートフォン広告の新しい形を紹介したいので、何かアイディアはないかと依頼を受けました。技術的にHTML5の何かを使った広告を作ること自体は難しくないかもしれませんが、イベントのデモとして見せるということで、ある程度の派手さとHTML5ならではという部分のわかりやすさが要求されたため、アイディア出しそのものに最も時間を割きました。 コンセプト ネイティブアプリケーションにできてウェブアプリケーションにできないことはまだまだ多いですが、いかにネイティブアプリケーションに近づけるか、という部分がHTML5の醍醐味でもあります。逆にウェブアプリケーションのネイティブアプリケーションに対するアドバンテージに、インストール無しでさら
Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot Seperti yang kita pahami waktu ini ada sangat banyak permainan slot online paling sederhana yang dapat dimainkan dalam sekejap hanya cukup masuk di sana saja ojekslot terunggul. Di sini dapat ada sangat banyak bermacam permainan luar biasa yang pastinya dapat anda temukan dengan ringan. Beraneka permainan terbaik di sini dapat and
3Dify Plugin ? Rendi qualsiasi elemento della tua pagina web 3D ページの要素を3D化できる面白jQueryプラグイン「3Dify」 マウスカーソルを合わせると、要素がインタラクティブに3Dで動くというインタフェースを実現できるjQueryプラグインです。 通常は平面の要素がグリグリ3Dで動きます。 ブログレイアウトでも次のようにグニャグニャとなります。ちょっとしたサプライズ要素として覚えておいてもよさそうです。 動作ムービーは以下。 一昔前はこんなことが出来るなんて誰が想像したでしょう、というインタフェース。 使いどころはそれほど無いかもしれませんが、覚えておけば何かびっくり要素を入れたい、的な時に役立つかも。 関連エントリ スポットライトを画像にあてる効果を作れるjQueryプラグイン「Spotlight」 リンクの開きかた
With 3D effects. And stuff. This is old, check out the new version! Heads Up This requires a browser with support for CSS3 3D transforms, such as Mobile Safari. Vertical Slides Slides can be nested inside of other slides, try pressing down. Basement Level 1 Press down or up to navigate. Basement Level 2 This is totally the Google logo: Basement Level 3 That's it, time to go back up. Marvelous Unor
Captcha security check pickls.com is for sale Please prove you're not a robot View Price Processing
Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot Seperti yang kita pahami waktu ini ada sangat banyak permainan slot online paling sederhana yang dapat dimainkan dalam sekejap hanya cukup masuk di sana saja ojekslot terunggul. Di sini dapat ada sangat banyak bermacam permainan luar biasa yang pastinya dapat anda temukan dengan ringan. Beraneka permainan terbaik di sini dapat and
ウェブデザインにスパイスを効かせる一つの方法に、奥行きを与える、があります。フラットなデザインではなく、エレメントを使って奥行きを作り出します。 そんな奥行きを効果的にとりいれたウェブサイトを紹介します。
この作品を閲覧するには JavaScript が有効になっていることと、 最新のFlashPlayerのインストールが必要です。 FlashPlayerをダウンロード! JavaScriptを有効にするには InternetExplorerを使用している方は、[ツール]-[インターネットオプション]の「セキュリティ]タブ内にある 「レベルのカスタマイズ」ボタンをクリックしてください。 出てきた画面の「スクリプト」の項目にある「Javaアプレットのスクリプト」で「有効にする」をチェックします。 その下のアクティブスクリプトの項目も「有効にする」にチェックし、OKで閉じます。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く