今日のテーマ WebGL高速化のススメ 今回はあくまでも WebGL 特有の高速化 TIPS です。 WebGL にあまりなじみのない方もいらっしゃると思うので…… そもそも WebGL って？ というところから簡単に解説します。
超弾幕も可能？ WebGL高速化のススメ
今日のテーマ WebGL高速化のススメ 今回はあくまでも WebGL 特有の高速化 TIPS です。 WebGL にあまりなじみのない方もいらっしゃると思うので…… そもそも WebGL って？ というところから簡単に解説します。
Class、Interface、Module-TypeScriptが提供する目玉機能を一挙紹介！ | HTML5Experts.jp
Class、Interface、Module-TypeScriptが提供する目玉機能を一挙紹介！ 谷口慈行（Microsoft Student Pa...） クラス・インターフェース・モジュールは大規模な開発を行う際の強力な味方であり、TypeScriptの重要な機能の一つです。連載第3回目となる今回は、オブジェクト指向に欠かせないクラスについて紹介します。 クラスJavaScriptはプロトタイプベースの言語であり、静的なクラスではありません。しかし、多くのライブラリにて静的なクラスを再現する機能が実装され、利用されています。TypeScriptでは、静的なクラスが使用でき、多くのクラスベースの言語と同様のノウハウや実装方法を利用できます。 クラスを定義するには、 classキーワードを使用します。 class Person { private name: string; constru
プログラミング入門書『Eloquent JavaScript, 2nd Edition』のオンライン版が無料で公開
JavaScriptによるモダンなプログラミング入門書『Eloquent JavaScript, 2nd Edition』のオンライン版がリリースされたことを、作者のMarijn Haverbeke氏が自身のTwitterアカウントで7月30日（現地時間）に明かした。「Creative Commons 表示 - 非営利 3.0 非移植（CC BY-NC 3.0）」のライセンスのもと、無料で閲覧することができる。文中のソースコードはMITライセンス。 『Eloquent JavaScript』は、JavaScriptおよびプログラミング全般に関する入門書で、読者をサンプルコード漬けにし、冒頭から実際に手を動かして試させることで、いち早く読者が一人立ちできるように工夫されている。 『Eloquent JavaScript』の第一版は2007年に公開。第二版のコンテンツは「Language」「B
好色先生TV免费下载 - 好色先生下载 - 好色先生TV下载 - 好色先生丅V下载
欢迎访问可乐福利导航【kensawai.com】!好色先生TV免费下载,好色先生下载,好色先生TV下载,好色先生丅V下载片源丰富、内容全面,注意自我保护,适度观看影、合理安排时间、享受健康生活!
アロー関数が実装された - JS.next
概要 ES2015を象徴する機能である、アロー関数構文の実装がついにV8で始まった。 無名関数を短く書ける [3.28.31] アロー関数は無名関数の省略記法である。 今までこう書いていたのが、 var fn = function (a, b) { } こうスッキリ書ける。 var fn = (a, b) => { } 「=>」が矢のように見えることから「アロー」関数と言う。 更に短くできる これが、 [1, 2, 3].map( function (v) { return v * v } ) // [1, 4, 9] アロー関数だとこうなるが、 [1, 2, 3].map( (v) => { return v * v } ) // [1, 4, 9] 引数が一つの時には「()」を省略できるので、こう書ける。 [1, 2, 3].map( v => { return v * v } )
SwiftでJavaScript - Qiita
import JavaScriptCore let ctx = JSContext() let ary = [0, 1, 2, 3] var jsv = ctx.evaluateScript( "\(ary).map(function(n){return n*n})" ) println(jsv) var a = jsv.toArray() println(a) はい。見てのとおり、import JavaScriptCoreして、JSContext()でJSの実行環境をこしらえて、それに.evaluateScript()でString食わせれば、おしまい。 実行結果はJSValueという型で、見ての通りObjective-Cに対応する型へ変更するメソッドもついてます。 JSにSwiftの値を渡すには? しかしこれだけではつまらない。Swiftの値をいちいち文字列化して.evaluateSc
Google I/O の WebGL セッションが素晴らしいのでハイライトを紹介してみる - WebOS Goodies
今週はみんな Google I/O に気を取られているだろうから、ブログの更新はサボろうかな…と思っていたのですが、なんとなく動画を見てみた WebGL セッションの内容があまりに素晴らしかったので、ハイライトをご紹介することにしました。 WebGL を活用するためのテクニックやパフォーマンス Tips などが解説されていて、 WebGL に関わっている方は必見です。また、けっこう見栄えの良いデモがいろいろ出てくるので、「WebGL ってなに？」という方でも楽しく見れると思います。 とはいえ、解説されている内容をきちんと理解するには WebGL の基礎知識が必須です。もしセッションを見て興味を持たれたら、こちらの記事もぜひご参照くださいませ。 前半は処理を GPU へ移行してパフォーマンス改善する例 最初にまず WebGL の基本概念を説明。その後、円や立方体などのオブジェクトをアニメーシ
PlayCanvas - 今後のトレンド！HTML5/WebGLなゲームエンジン MOONGIFT
iOS 8からSafariがWebGLに対応することが発表されました。これによりスマートフォンにおいてもWebGLを使ったコンテンツが広がりを見せるでしょう。特に利用されると思われるのがゲーム分野かと思います。 そこで注目したいのがWebGLによるゲームエンジンを提供するPlayCanvasです。オープンソースなゲームエンジン、見逃す手はなさそうです。 PlayCanvasの使い方 数多くのデモが登録されていますので順番に見ていきます。 シンプルにキューブが浮かぶデモ。 モデルロード。回転しています。 光源を反映したデモ。 アニメーション。動きはスムーズです。 3D空間を走るデモ。 シェーダー。モデルが燃えながら消えていきます。 マウス、キーボード入力もサポートされています。 FPSデモ。マウスとキーボードで動き回れます。 iPod TouchなiOS 8であれば一部のデモが表示されました
Mozilla、クロスプラットフォームのWebGLゲームエンジン「PlayCanvas Engine」公開 | OSDN Magazine
Mozillaは6月4日、オープンソースのクロスプラットフォームのゲーム構築用JavaScriptライブラリ「PlayCanvas Engine」をリリースした。「世界で最も容易に利用できるWebGLゲームエンジン」としている。 PlayCanvas Engineは3Dグラフィックを利用したゲーム開発向けのJavaScriptエンジン。Webブラウザ上で利用できる3DグラフィックスAPIである「WebGL」を利用する。プロジェクトは、WebGLがデフォルトで有効となった「Firefox 4.0」のリリース（2011年3月）後に立ち上げられており、パートナーとしてMozillaのほか、米ARMやゲーム開発を手がける米Activisionが名を連ねている。 対応OSはWindowsおよびMac OS X、Android、iOSで、グラフィックスのほか物理演算エンジンやアニメーション、2D/3D
たった3KBのコードで3DCGモデルが歌って踊ってアングルも操作できる！ jQueryベースのライブラリでMMDデータを活用したWebGLコンテンツを作ろう
はじめに 数あるHTML5の機能の中でも、特にビジュアルでインパクトのあるWebGL。GPUを駆使した高速3DCGレンダリングが可能なことで話題になったものの、今一つ普及しない背景には「実装があまりにも難しい」ことがあるのではないでしょうか。 three.jsの登場により、実装のハードルはだいぶ下がりました。しかし、JavaScriptに精通したプログラマでなければ使いこなすのは容易ではなく、ビジュアル要素の強いWebGLにあってデザイナーさんの参入は難しいのが現状です。 今回紹介する「jThree（ジェイスリー）」は、そんなWebGLをjQueryの記法で扱えるようにするための国産JavaScriptライブラリです。前述のthree.jsをラップしてjQueryで操作できるよう設計されており、jQueryを使ったことのある方なら、手軽にWebGLコンテンツを作ることができます。 本記事で
Google、JavaScriptコンテンツのWebサイトインデックスを強化
Googleは5月26日、Googleウェブマスター公式ブログにおいて、JavaScriptコンテンツのWebサイトインデックスを強化したことを発表した。 これまではHTTPレスポンスのボディから取得されるテキスト形式のコンテンツをメインに認識していたため、JavaScriptを使用した時にのみ表示されるコンテンツを持つページ群があっても、検索ユーザーはそのコンテンツの情報を知ることができなかった。 この問題を解決するために、Googleは現在、JavaScriptを実行してページを把握する方法を試しているという。 しかし場合によっては、レンダリング時の処理がうまくいかず、検索結果に影響を及ぼす可能性があり、Googleはその原因と回避方法の例を以下のように紹介している。 別々のファイルにあるJavaScriptやCSSなどのリソースが(robots.txtなどにより)Googlebotを
ニコニコ動画mp3変換ツール - nicozon
FLV/MP4/SWFをMP3/M4A/WAVに変換 動画ファイル（FLV/MP4/SWF）を音楽ファイル（MP3/M4A/WAV）に変換するページです。 FLVはMP3かM4AかWAVにMP4はM4AにSWFはMP3に変換することが出来ます。 JavaScriptを使ってクライアント側で変換してるのでサーバにアップロードやダウンロードを行いません。 だからプライベートなファイルや著作権のあるファイルでも安心して使うことができ、 しかもサーバに待たされること無く変換することが出来ます。 動画から音声をエンコードせずにそのまま抽出してるので高速に変換でき高音質です。 複数の動画ファイルを同時に変換することが出来ます。 変換した音声はMP3プレイヤに入れて外で聞くことが出来ます。大半のMP3プレイヤはM4Aにも対応しているので。 ただし最新のJavaScriptを使っているので Interne
tjun月１日記
コロナウイルスが流行する前の2020年1月上旬、中国の杭州に行ってきたのでその記録を書いておく。 はじめに 自分はこれが中国へ行くの5回目。それなりに慣れている方だと思うけど、中国人と一緒に行ったほうが圧倒的に楽です。 数年前にキャッシュレスが普及して、その後も規制が変わったりして行くたびに状況が変わっています。なので、ここで書いてあることは半年後には参考にならないかも。 事前にやっておくこと WeChatPayのアカウントを作る、可能なら本人確認とチャージをやっておく Alipayのアカウントを作って、可能なら本人確認とチャージをやっておく 中国で使える香港SIMを買う WeChatPayとAlipayのアカウントは、外国人でも作れるときと作れないときがある。またお金もチャージできるときとできないときがある。 事前にググってできるかどうか試しておくのが重要。 また、中国はいわゆるGrea
Appleは独自のJavaScriptアクセラレータ「FTLJIT」を開発中
By Timothy Griffin asm.jsを採用するFirefox 29は、Chrome 34やIE 11よりも圧倒的に高速であることが公表されましたが、AppleはSafariにコードネーム「FTLJIT」と呼ばれる独自のJavaScriptアクセラレータを開発中であることが明らかになりました。 FTLJIT – WebKit https://trac.webkit.org/wiki/FTLJIT Apple has its own JavaScript accelerator in the works | Javascript - InfoWorld http://www.infoworld.com/t/javascript/apple-has-its-own-javascript-accelerator-in-the-works-242042 AppleはGoogleのV8、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Googleがオープンソースの2D物理エンジンLiquidFun 1.1をリリース
レスポンシブおっぱいでまなぶスケーラブルグラフィックス
http://blog.monoweb.info/blog/2012/03/15/content-security-policy/
[Swift] 「!」、「?」マーク（Optional）についてのメモ - Qiita![[Swift] 「!」、「?」マーク（Optional）についてのメモ - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/f59d45dc0694381816ef03959ce4ec7307767288/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFwLW5vcnRoZWFzdC0xLmFtYXpvbmF3cy5jb20lMkYwJTJGNTYxNiUyRnByb2ZpbGUtaW1hZ2VzJTJGMTYwMDMwMzY2Mz9peGxpYj1yYi00LjAuMCZhcj0xJTNBMSZmaXQ9Y3JvcCZtYXNrPWVsbGlwc2UmZm09cG5nMzImcz00YWVlZmJkNWZiMmZkYWUyOWM0Yzk5ZDJmOTJiMjZlYQ%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D39d93af82d0822915255df0c881cf200%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCU3dpZnQlNUQlMjAlRTMlODAlOEMlMjElRTMlODAlOEQlRTMlODAlODElRTMlODAlOEMlM0YlRTMlODAlOEQlRTMlODMlOUUlRTMlODMlQkMlRTMlODIlQUYlRUYlQkMlODhPcHRpb25hbCVFRiVCQyU4OSVFMyU4MSVBQiVFMyU4MSVBNCVFMyU4MSU4NCVFMyU4MSVBNiVFMyU4MSVBRSVFMyU4MyVBMSVFMyU4MyVBMiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1wYWQ9MCZzPTg2YmU0YjkxNzVmMDdkNDMwY2UzYWQwZjMzNGI5ODY2%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBlZG9fbTE4JnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9ODM0NTU3N2U0MjQ2ZTA3MjZjZmFhMTNjYjIwODJkMWE%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3Dd7bee6f6643f21d1eb48721be14cc5ba)
ブラウザ版Assassin's Creed Piratesが無償公開 ～MicrosoftとUbisoftが開発
https://blogs.unity3d.com/2014/04/29/on-the-future-of-web-publishing-in-unity/
