CSS3には拡大、縮小、移動、傾斜、回転を行えるtransformプロパティがあります。 このtransformは2D, 3Dどちらにも対応しています。 ASのtransform.matrix(Matrix)も得意では無かったのですが、復習がてらのメモです。 W3C: CSS Transforms transform(matrix)で最適化 DOMElementのアニメーションでパフォーマンスを良くするためにはtransformを使った方が良いと、あるセミナーでGoogleの中の人とMozillaの中の人が言ってたので間違いないでしょう。 て言うか信じてます、試しては無いです。伝聞で申し訳ないです。 でもカクカク動いてたiPhone上でのアニメーションをtransformに変えたらかなりスムーズに動くようになったので効果はあると思っています。 追記 – スマホのアニメーションが改善されたっ
Build and Share your best shaders with the world and get Inspired Latest contributions: "Drawing a circle again bruh" by defnixx 22 minutes ago, "RWMusic toolbox" by RoosterWho 57 minutes ago, "Iridescent Spirals" by anej 57 minutes ago, "vortex knot flow field" by Boogaloo 1 hour ago, "Gaussian-ish airglow approx." by FordPerfect 1 hour ago
3Dの座標変換やある程度の動作原理を勉強したので、 今度はCSS Shadersの勉強に挑戦。 色々情報を貯めていきます。 demo CSS ShaderでGoogle Mapを地球儀風にしてみる - jsdo.it CSS ShaderでMax OSXのジニーエフェクト - jsdo.it Links CSS Shaders はじめの 2歩目、custom() で何が行われるのか CSS Filter Lab [Adobe] CSS Custom Filters CSS Custom Filters Introducing CSS shaders: Cinematic effects for the web [W3C] CSS shaders CSS Shaderの動作原理など Vertex shader(以下、VS)でmeshを生成し、それにより分割。 さらにFragument sha
Freesbie.it was registered for Match.it's customer Buy expired domains with awesome backlinks and great metrics. Get started for free on Match.it Buy Expired Domains With Great Backlinks You can easily find domains using the best metrics available from Ahrefs, Moz, SEMRush and Social Network. Ahrefs DR - UR - BACKLINK - REFERRER DOMAINS - REFERRER IP - REFERRER SUBNET - DOFOLLOW LINKS MOZ DA - PA
CSSの3Dアニメーションを使った、iPhone, iPadアプリで見かけるパネル切替のエフェクトをウェブページに実装するスクリプトを紹介します、 Kontext -GitHub Kontextのデモ Kontextの使い方 Kontextのデモ デモでは3枚のパネルをダイナミックなアニメーションで切り替えます。 操作は、下部のナビゲーションとキーボードの矢印キーに対応しています。 Kontext -デモページ Kontextの使い方 スクリプトは単体で動作するので、jQueryなどは必要はありません。 Step 1: 外部ファイル 当スタイルシートをhead内に、スクリプトを<body>の上に外部ファイルとして記述します。 <head> <link rel="stylesheet" href="css/kontext.css"> <link rel="stylesheet" href="
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
ATFを使うメリット 表1を見ると、iOS、Android、デスクトップをターゲットにしてGPU描画を行うアプリケーションを開発する場合は、それぞれのプラットフォームに合った形式の圧縮テクスチャを用意したいところです。例えば、全てのアセットに対して以下のデータを用意することになるかもしれません。 WindowsおよびMac OS用にDXT Android用にETC1またはDXT iOS用にPVRTC 更に、実行時には、アプリケーションの動作環境を判定して、アップロードするテクスチャを選ぶという処理も必要になります。結果としてテクスチャファイルの管理や動作確認の手間が増えそうです。手間が増えるのは嬉しくありませんよね?ATFはここで役に立ちます。ATFは複数のテクスチャを1つにまとめるフォーマットです。そしてStage3DはATFに対応しています。つまりFlash PlayerやAdobe
wonderflは、サイト上でFlashをつくることのできるサービス。 通常Flashをつくるためには、Flash IDEやFlex、FlashDevelop等といったツールを使って、コードを書き、コンパイルする必要がありますが、wonderflでは、サイトにあるフォームにActionscript3のコードを書けば、サーバサイドでコンパイルを行えます。 つまり、ブラウザさえあれば、Flashをつくれます。コンパイル結果はサイト上に表示され、作成されたFlash(swf)はページ上に自動的に表示されるので、完成したFlashをリアルタイムに見ながらコードを書くことができます。 ※APIとして、はてな OpenIDを使用してネットにさえつながれば、誰もがFlashクリエイターになれます。世界中のFlashクリエイターがユーザーになるwonderflは、 文字通り、世界のFlash図鑑となってい
Android OpenGL フレームワーク "Rajawali" と戯れるシリーズ Dennis Ippel ( @MasDennis ) 氏が開発した Android 用 OpenGL ES 2.0 ベース の 3D フレームワーク Rajawali を試してみました。 なかなか面白そうなので、数回にエントリを分けて投稿したいと思います。 Rajawali とは? インドネシア語で「鷲」を意味する単語、または、インドネシアのバンダネイラ島にある小さな村の名前だそうです。 Rajawali の調達 下記 GitHub のページにまとめられています。 ソース、チュートリアルなど https://github.com/MasDennis/Rajawali コンパイル済みのライブラリ (JAR, SO) https://github.com/MasDennis/Rajawali/raw/mas
当サイトはUnityという無料でゲームを簡単に作れてしまうソフトの使い方を解説したサイトです。 しかもUnityなら3Dゲームも2Dゲームもスマートフォンゲームもブラウザゲームも簡単に作れてしまいます! ぜひ当サイトでUnityの使い方をマスターしてください!! わからないことや知りたいことがあればコメントなどでお知らせください。 1.基本操作 Unity3Dのインストール - Unityって何? プロジェクトの作成方法 ゲームオブジェクトの作成 ゲームオブジェクトをバウンドさせる。 スクリプトの追加、キャラクターの移動 オブジェクトの複製方法 プレハブについて ゲームをビルドし公開する 2.中級編 UnityAssetStoreを利用する パーティクルシステムでエフェクトを作成する1 パーティクルシステムでエフェクトを作成する2(応用編) OnGUI関数でGUI(ボタンとかスライダーとか
こんにちは、ブログではご無沙汰しています。イワサキです。 今日は、『大神 絶景版 (Okami HD)』の発売日ということで大神にまつわる内容で SD作品のHD化移植に関する技術的な話題をお話してみようと思います。 「大神」はPlayStation2で2006年4月20日に発売された作品ということで、 その6年後の今、絶景版として再び蘇ったことになります。 PS2版当時はSD解像度でしたので480iの表示でのレンダリング解像度でした。 今回ヘキサドライブでHD化移植担当させていただく際に、 ”PS2版のビジュアルの表現そのものを移植する”という大きな目標の他に、ヘキサドライブ社内では”HD解像度の魅力と恩恵を最大限に引き出す”という目標を持って取り組んできました。 当初720p(1280x720)での移植の想定でプロジェクトがスタートしました。 実際開発途中の段階では720pでレンダリング
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く