qiita.com[B!]新着記事・評価 - はてなブックマーク

pandas.DataFrame.queryによるデータ抽出10選 - Qiita
4 users
qiita.com/dox

Help us understand the problem. What are the problem?
- テクノロジー
- 2020/05/04 21:02
- qiita

ほぼ実録 three.js 案件とピュア WebGL 案件 2019 年版 - Qiita
4 users
qiita.com/doxas

introduction みなさまこんばんは。 doxas と申します。こちらは Three.js Advent Calendar 2019 - Qiita の 12 日目の記事です。令和元年の年の瀬、いかがお過ごしでしょうか。私はと言いますと、なかなかに余裕の無い毎日を送っておりまして今年はアドベントカレンダーも書く余裕が無いなと思っていたのですが、technohippy さんが毎日のようにアドベントカレンダーへの投稿を呼びかけているのを見るにつけ、これはせめて少しでもお手伝いしなければと思い立ち筆を執った次第です。（イベントの主催とかもそうですが、こういうの呼びかける側というのはそこそこに精神的疲弊があったりしますよね……） technohippy こと、あんどうやすしさんはオライリーの「初めての Three.js」の訳者さんなのはみなさんご存知かと思いますが、私もこれで thr
- テクノロジー
- 2019/12/12 10:29
- WebGL
- あとで読む
シェーダ( GLSL )のライブコーディングをリアルタイム配信するお話 - Qiita
4 users
qiita.com/doxas

動機世の中には様々な種類のシェーダ記述言語があるかと思いますが、そのなかでも GLSL は WebGL を利用することでブラウザ上で実行可能となる、ちょっと特殊な存在だと言えると思います。ブラウザ上で本格的な CG の技術が動いてしまうというのはもうそれだけでも WebGL おじさんたちは大変に興奮してしまうのですが、一方であえてブラウザ上だからこそできる活用方法や表現方法もあり、日夜世界中で研究や制作が行われています。素晴らしいですね。 GLSL や WebGL を普及させるべくいろいろ怪しげな活動をしている私ですが、その活動にはいわゆる地盤固めのような地道な活動（たとえばスクールの運営や勉強会の主催）から、ちょっとエキセントリックなエンターテイメント寄りの活動まで様々です。今回は、どちらかというと後者の、ちょっと変わった GLSL の使い方の話になるのかもしれません。突然ですが、私
- テクノロジー
- 2017/12/06 21:16
[保存版] WebGL 学習に役立つサイト 2016 年度版 - Qiita
5 users
qiita.com/doxas

はじめにみなさん、こんばんは。なぜこんにちはでなく、こんばんはなのか。それは私が夜型人間だからです。つぎに WebGL が誕生してから、結構な時間が流れました。新しい Web の API ですなんて WebGL を形容することもあったりしますが、WebGL の歴史も徐々に深まりつつあるなあと感慨深く思う今日このごろです。 2016 年のアドベントカレンダーでは、WebGL だけでなく、three.js や GLSL、あるいはオリジナルの和製 WebGL ライブラリについてなど、各所で様々な WebGL 関連アドベントカレンダーが公開されており、そういったものからも、WebGL が置かれている状況の変化を感じています。一般的には、どうなんでしょう。WebGL に興味を持っているけど、なんかその怪しげな空気感から足踏みしてしまっている……そんなエンジニアさんも、いるんでしょうか。
- テクノロジー
- 2016/12/30 09:27
GLSL でのレイマーチングについて雑に語ってみます - Qiita
10 users
qiita.com/doxas

第二次チョコレイマーチング大戦先週、とんでもなく下らないネタを五日間に渡って投稿させていただきました doxas と申します。詳細は以下です。 [連載 GLSL 物語] チカラが欲しいか……（第一話）まあなんていうか、最後まで読んでくださった方は既にお気づきかと思いますが、オチを先に思いついて、それに向かってひたすらアホなことをやり続けた結果があの有様でありまして、反省も後悔もしてはおらんのですが、さすがにこのまま放置というのはいかんだろうと思い筆を執った次第です。全てを漏れ無くというわけにはいきませんが、レイマーチングの基本の部分や、今回の一連の投稿において使われたテクニックなど、一部抜粋してご紹介します。ただ今回紹介するテクニック等は基本的に単なるレイマーチングの話なので、より厳密にしっかりと数学的側面なども理解したいという場合は、あまり今回のテキストは向いていないかもしれま
- テクノロジー
- 2016/12/20 08:31
- Shader
- GLSL
- Qiita
シェーダエディタを利用してシェーダをリアルタイムデバッグしたいことがもしかしたらあるかもしれない人向けの無駄に長い文章 - Qiita
3 users
qiita.com/doxas

ブラウザ上でのシェーダデバッグ WebGL や GLSL のデバッグは、通常の JavaScript のフロントエンド開発とは少々異なる趣があります。というのは、WebGL や GLSL を利用した開発には、GPU という本来なら JavaScript が干渉することのできない領域が大きく関わってきます。その閉ざされた世界のなかでいったい何が起こっているのかについては、ブラックボックス化されており容易には見通せない場合が往々にしてあります。より正確には、WebGL の調査系のメソッドを適切に呼び出してやるなどすれば、GPU などのハードウェアに関することも含めて、WebGL に関連する情報をある程度は収集することができます。まあしかし、要はいちいち調べないとわからないわけですから、ちょっと面倒です。必然、「案件の性格上実行されるデバイスが限定されている場合」を除いて、大抵は「まあこんく
- テクノロジー
- 2016/12/10 00:41
- 3D
GLSL で暖を取るための準備をしよう！ GLSL お役立ちマニュアル - Qiita
40 users
qiita.com/doxas

はじめに本稿は、WebGL で GLSL を使って暖を取るために個人的にまとめたもので、もしかしたら仕様と異なるような表記や勘違いがあるかもしれません。そういうの見つけたときはぜひ教えてください。🔥🔥🔥 GLSL やシェーダに気軽に触れてみてほしい、楽しく取り組んでみてほしいという観点からやや崩れた文体で、イメージのしやすさ優先で書いてます。そういうの苦手な人は公式の仕様を見ましょうね。 GLSL について知る GLSL がなんであるかは、たぶんこの記事を読んでいる方には説明不要かと思いますが、あえて簡単に説明します。まず、PC などのコンピュータを用いて二次元、あるいは三次元のグラフィックスを描画するための世界標準の規格として OpenGL という API が存在します。その名のとおり、オープンな規格として策定されている OpenGL は、OpenCL や Vulkan などと
- テクノロジー
- 2016/12/01 01:01
- glsl
- WebGL
- OpenGL
- シェーダ
- JavaScript
- GPU
3D みたいだけど 2D なんだけどやっぱりよくみたら 3D なんだけどでもやっぱり 2D なんだけどでもよくよく考えてみたらこれって GLSL 使ったレイマーチングなんじゃね？ - Qiita
5 users
qiita.com/doxas

3D みたいだけど 2D なんだけどやっぱりよくみたら 3D なんだけどでもやっぱり 2D なんだけどでもよくよく考えてみたらこれって GLSL 使ったレイマーチングなんじゃね？WebGLGLSL WebGL Advent Calendar 2015 の 21 日目の記事です。ごあいさつみなさんこんばんは！！ 🌙 ﾑｰﾝ! 今年はお正月に連休とっていいらしいということで人生初と言っても過言ではないとても一般的な年越しができそうなことを本気で嬉しく感じております doxas ともうします！ 🎍 さて、今年の WebGL アドベントカレンダーはとてもガチな人たちがたくさんの有用な記事を書いてくださっており、超個人的な感想をいきなり捩じ込みますがわたくしとても嬉しいです。思えば 3 年ほど前、wgld.org を書き始めたころは WebGL というと動作も不安定で、本当にマニアみたいな
- テクノロジー
- 2015/12/21 09:37
- あとで読む
[連載]やってみれば超簡単！ WebGL と GLSL で始める、はじめてのシェーダコーディング（５） - Qiita
32 users
qiita.com/doxas

[連載]やってみれば超簡単！ WebGL と GLSL で始める、はじめてのシェーダコーディング（５）WebGLGLSL まずは挑戦してみようシェーダを自分でコーディングするなんて…… きっとお難しいんでしょ…… と、お思いの奥様方。そんなことはないんです。コツをつかめば意外と楽しめます。当連載では、シェーダというものに対して抱かれてしまいがちな、漠然とした難しそう感を払拭すべく、簡単なシェーダの記述とその基本について解説したいと思います。前回：[連載]やってみれば超簡単！ WebGL と GLSL で始める、はじめてのシェーダコーディング（４） - Qiita 想定する読者当連載では、シェーダってなんか難しそう……とか、シェーダプログラミング始めてみたいけど……とか、なんとなく興味を持ってるけどシェーダを記述したことがない方を読者に想定しています。たとえば Unity などの
- テクノロジー
- 2015/07/12 13:15
- glsl
- WebGL
- Qiita
- あとで読む
- javascript
- 3D
- Technology
こぴぺするだけ簡単 WebGL + GLSL テンプレート - Qiita
4 users
qiita.com/doxas

<!DOCTYPE html> <html> <head> <meta charset="utf-8">  <script id="fs" type="xs/fs"> // フラグメントシェーダには時間の経過がtimeに秒単位で、 // スクリーン解像度がresolutionにピクセル単位で入ってくる precision mediump float; uniform float time; uniform vec2 resolution; // HSV色空間を使うための関数 vec3 hsv(float h, float s, float v){ vec4 t = vec4(1.0, 2.0 / 3.0, 1.0 / 3.0, 3.0); vec3 p = abs(fract(vec3(h) + t.xyz) * 6.0 - vec3(t
- テクノロジー
- 2015/03/23 15:46
- javascript
[連載]やってみれば超簡単！ WebGL と GLSL で始める、はじめてのシェーダコーディング（７） - Qiita
5 users
qiita.com/doxas

[連載]やってみれば超簡単！ WebGL と GLSL で始める、はじめてのシェーダコーディング（７）WebGLGLSL まずは挑戦してみようシェーダを自分でコーディングするなんて…… きっとお難しいんでしょ…… と、お思いの奥様方。そんなことはないんです。コツをつかめば意外と楽しめます。当連載では、シェーダというものに対して抱かれてしまいがちな、漠然とした難しそう感を払拭すべく、簡単なシェーダの記述とその基本について解説したいと思います。前回：[連載]やってみれば超簡単！ WebGL と GLSL で始める、はじめてのシェーダコーディング（６） - Qiita 想定する読者当連載では、シェーダってなんか難しそう……とか、シェーダプログラミング始めてみたいけど……とか、なんとなく興味を持ってるけどシェーダを記述したことがない方を読者に想定しています。たとえば Unity などの
- テクノロジー
- 2015/02/01 15:16
- GLSL
- WebGL
- Qiita
- javascript
[連載]やってみれば超簡単！ WebGL と GLSL で始める、はじめてのシェーダコーディング（３） - Qiita
7 users
qiita.com/doxas

[連載]やってみれば超簡単！ WebGL と GLSL で始める、はじめてのシェーダコーディング（３）WebGLGLSL まずは挑戦してみようシェーダを自分でコーディングするなんて…… きっとお難しいんでしょ…… と、お思いの奥様方。そんなことはないんです。コツをつかめば意外と楽しめます。当連載では、シェーダというものに対して抱かれてしまいがちな、漠然とした難しそう感を払拭すべく、簡単なシェーダの記述とその基本について解説したいと思います。前回：[連載]やってみれば超簡単！ WebGL と GLSL で始める、はじめてのシェーダコーディング（２） - Qiita 想定する読者当連載では、シェーダってなんか難しそう……とか、シェーダプログラミング始めてみたいけど……とか、なんとなく興味を持ってるけどシェーダを記述したことがない方を読者に想定しています。たとえば Unity などの
- テクノロジー
- 2015/01/24 01:05
- GLSL
- WebGL
- Qiita
- javascript
WebGL と GLSL で気軽にレイトレーシングに挑戦してみよう！ - Qiita
36 users
qiita.com/doxas

はじめに全国 8,120 万人のレイトレファンの皆様こんにちは！ WebGL でレイトレがどうしてもやりたいんだというお便りがついに 1,021 万通を超えたので、そろそろ WebGL で簡単なレイトレーシングの実装について解説する頃合いかなと思い立ち筆を執った次第です。今回はあくまでも基本に忠実に、簡単なレイトレーシングの実装を GLSL だけで行ってみましょう。全国のレイトレファンの皆さんの声援に応えてがんばって解説記事を書いていこうと思います。前置き私は幸運なことに WebGL について解説する機会がそれなりにあります。そういった席ではよく、数学的な知識はとりあえず後回しにしてまずはやってみることからスタートしましょうという話をします。たとえば行列やクォータニオンについて、その数学的な詳細にまで勉強するのは大変です。ですから、まずは使い方から覚えようという促し方をする
- テクノロジー
- 2014/12/20 13:45
[連載]やってみれば超簡単！ WebGL と GLSL で始める、はじめてのシェーダコーディング（９） - Qiita
5 users
qiita.com/doxas

[連載]やってみれば超簡単！ WebGL と GLSL で始める、はじめてのシェーダコーディング（９）WebGLGLSL まずは挑戦してみようシェーダを自分でコーディングするなんて…… きっとお難しいんでしょ…… と、お思いの奥様方。そんなことはないんです。コツをつかめば意外と楽しめます。当連載では、シェーダというものに対して抱かれてしまいがちな、漠然とした難しそう感を払拭すべく、簡単なシェーダの記述とその基本について解説したいと思います。前回：[連載]やってみれば超簡単！ WebGL と GLSL で始める、はじめてのシェーダコーディング（８） - Qiita 想定する読者当連載では、シェーダってなんか難しそう……とか、シェーダプログラミング始めてみたいけど……とか、なんとなく興味を持ってるけどシェーダを記述したことがない方を読者に想定しています。たとえば Unity などの
- テクノロジー
- 2014/12/07 21:28
- GLSL
- Shader
- WebGL
- Qiita
- javascript
[連載]やってみれば超簡単！ WebGL と GLSL で始める、はじめてのシェーダコーディング（８） - Qiita
4 users
qiita.com/doxas

[連載]やってみれば超簡単！ WebGL と GLSL で始める、はじめてのシェーダコーディング（８）WebGLGLSL まずは挑戦してみようシェーダを自分でコーディングするなんて…… きっとお難しいんでしょ…… と、お思いの奥様方。そんなことはないんです。コツをつかめば意外と楽しめます。当連載では、シェーダというものに対して抱かれてしまいがちな、漠然とした難しそう感を払拭すべく、簡単なシェーダの記述とその基本について解説したいと思います。前回：[連載]やってみれば超簡単！ WebGL と GLSL で始める、はじめてのシェーダコーディング（７） - Qiita 想定する読者当連載では、シェーダってなんか難しそう……とか、シェーダプログラミング始めてみたいけど……とか、なんとなく興味を持ってるけどシェーダを記述したことがない方を読者に想定しています。たとえば Unity などの
- テクノロジー
- 2014/12/07 21:24
- GLSL
- WebGL
- Qiita
- javascript
[連載]やってみれば超簡単！ WebGL と GLSL で始める、はじめてのシェーダコーディング（最終回） - Qiita
7 users
qiita.com/doxas

[連載]やってみれば超簡単！ WebGL と GLSL で始める、はじめてのシェーダコーディング（最終回）WebGLGLSL まずは挑戦してみようシェーダを自分でコーディングするなんて…… きっとお難しいんでしょ…… と、お思いの奥様方。そんなことはないんです。コツをつかめば意外と楽しめます。当連載では、シェーダというものに対して抱かれてしまいがちな、漠然とした難しそう感を払拭すべく、簡単なシェーダの記述とその基本について解説したいと思います。前回：[連載]やってみれば超簡単！ WebGL と GLSL で始める、はじめてのシェーダコーディング（９） - Qiita 想定する読者当連載では、シェーダってなんか難しそう……とか、シェーダプログラミング始めてみたいけど……とか、なんとなく興味を持ってるけどシェーダを記述したことがない方を読者に想定しています。たとえば Unity な
- テクノロジー
- 2014/10/26 21:52
- GLSL
- Shader
- WebGL
- Qiita
- javascript
[連載]やってみれば超簡単！ WebGL と GLSL で始める、はじめてのシェーダコーディング（４） - Qiita
8 users
qiita.com/doxas

[連載]やってみれば超簡単！ WebGL と GLSL で始める、はじめてのシェーダコーディング（４）WebGLGLSL まずは挑戦してみようシェーダを自分でコーディングするなんて…… きっとお難しいんでしょ…… と、お思いの奥様方。そんなことはないんです。コツをつかめば意外と楽しめます。当連載では、シェーダというものに対して抱かれてしまいがちな、漠然とした難しそう感を払拭すべく、簡単なシェーダの記述とその基本について解説したいと思います。前回：[連載]やってみれば超簡単！ WebGL と GLSL で始める、はじめてのシェーダコーディング（３） - Qiita 想定する読者当連載では、シェーダってなんか難しそう……とか、シェーダプログラミング始めてみたいけど……とか、なんとなく興味を持ってるけどシェーダを記述したことがない方を読者に想定しています。たとえば Unity などの
- テクノロジー
- 2014/10/21 10:28
- GLSL
- WebGL
- Qiita
- javascript
[連載]やってみれば超簡単！ WebGL と GLSL で始める、はじめてのシェーダコーディング（６） - Qiita
5 users
qiita.com/doxas

[連載]やってみれば超簡単！ WebGL と GLSL で始める、はじめてのシェーダコーディング（６）WebGLGLSL まずは挑戦してみようシェーダを自分でコーディングするなんて…… きっとお難しいんでしょ…… と、お思いの奥様方。そんなことはないんです。コツをつかめば意外と楽しめます。当連載では、シェーダというものに対して抱かれてしまいがちな、漠然とした難しそう感を払拭すべく、簡単なシェーダの記述とその基本について解説したいと思います。前回：[連載]やってみれば超簡単！ WebGL と GLSL で始める、はじめてのシェーダコーディング（５） - Qiita 想定する読者当連載では、シェーダってなんか難しそう……とか、シェーダプログラミング始めてみたいけど……とか、なんとなく興味を持ってるけどシェーダを記述したことがない方を読者に想定しています。たとえば Unity などの
- テクノロジー
- 2014/10/21 00:09
- GLSL
- WebGL
- Qiita
- javascript
[連載]やってみれば超簡単！ WebGL と GLSL で始める、はじめてのシェーダコーディング（２） - Qiita
11 users
qiita.com/doxas

[連載]やってみれば超簡単！ WebGL と GLSL で始める、はじめてのシェーダコーディング（２）WebGLGLSL まずは挑戦してみようシェーダを自分でコーディングするなんて…… きっとお難しいんでしょ…… と、お思いの奥様方。そんなことはないんです。コツをつかめば意外と楽しめます。当連載では、シェーダというものに対して抱かれてしまいがちな、漠然とした難しそう感を払拭すべく、簡単なシェーダの記述とその基本について解説したいと思います。前回：[連載]やってみれば超簡単！ WebGL と GLSL で始める、はじめてのシェーダコーディング（１） - Qiita 想定する読者当連載では、シェーダってなんか難しそう……とか、シェーダプログラミング始めてみたいけど……とか、なんとなく興味を持ってるけどシェーダを記述したことがない方を読者に想定しています。たとえば Unity などの
- テクノロジー
- 2014/10/16 03:52
- WebGL
- GLSL
- Qiita
- javascript
- iphone
[連載]やってみれば超簡単！ WebGL と GLSL で始める、はじめてのシェーダコーディング（１） - Qiita
95 users
qiita.com/doxas

[連載]やってみれば超簡単！ WebGL と GLSL で始める、はじめてのシェーダコーディング（１）WebGLGLSL まずは挑戦してみようシェーダを自分でコーディングするなんて…… きっとお難しいんでしょ…… と、お思いの奥様方。そんなことはないんです。コツをつかめば意外と楽しめます。当連載では、シェーダというものに対して抱かれてしまいがちな、漠然とした難しそう感を払拭すべく、簡単なシェーダの記述とその基本について解説したいと思います。想定する読者当連載では、シェーダってなんか難しそう……とか、シェーダプログラミング始めてみたいけど……とか、なんとなく興味を持ってるけどシェーダを記述したことがない方を読者に想定しています。たとえば Unity などのツール、あるいはマインクラフトのようなゲーム、またはモデリングソフトなどでもシェーダを自分で記述することができるような世の中で
- テクノロジー
- 2014/10/15 00:11
- glsl
- WebGL
- OpenGL
- 3DCG
- Shader
- javascript
- あとで読む
- ブラウザ
[連載] javascriptで作るシューティングゲーム的な何か(1) - Qiita
50 users
qiita.com/doxas

さあ、はじめようはじめに本稿は掲題の通り javascript を用いて[ シューティングゲーム的な何か ]を作ろうという試みについて解説するテキストの第一回です。想定する読者割と暇であるプログラミングに興味があるゲーム作りに興味がある javascriptの基本をマスターしたけど特に作るものがない javascriptを使った動きのある処理を実装してみたい canvas でなんか作ってみたい本連載の狙い本連載はどちらかというと初心者向けです。このページに検索からやってきた「ゲーム作りてえええええ」と日に三十回くらい叫んでいる小中学生諸君は、まずjavascriptの基本をお勉強してから本連載を読みましょう。また、最終的に出来上がる[ シューティングゲーム的な何か ]は、そんなに大層なものではありません。シューティングゲームがどのような感じで作られていくのか、その過程を
- アニメとゲーム
- 2014/08/23 16:51
- javascript
- canvas
- game
- ゲーム
- js
- html5
- tutorial
- プログラミング
- あとで読む

はてなブックマーク

はてなブックマーク

『qiita.com』

pandas.DataFrame.queryによるデータ抽出10選 - Qiita

ほぼ実録 three.js 案件とピュア WebGL 案件 2019 年版 - Qiita

シェーダ( GLSL )のライブコーディングをリアルタイム配信するお話 - Qiita

[保存版] WebGL 学習に役立つサイト 2016 年度版 - Qiita

GLSL でのレイマーチングについて雑に語ってみます - Qiita

シェーダエディタを利用してシェーダをリアルタイムデバッグしたいことがもしかしたらあるかもしれない人向けの無駄に長い文章 - Qiita

GLSL で暖を取るための準備をしよう！ GLSL お役立ちマニュアル - Qiita

3D みたいだけど 2D なんだけどやっぱりよくみたら 3D なんだけどでもやっぱり 2D なんだけどでもよくよく考えてみたらこれって GLSL 使ったレイマーチングなんじゃね？ - Qiita

[連載]やってみれば超簡単！ WebGL と GLSL で始める、はじめてのシェーダコーディング（５） - Qiita

こぴぺするだけ簡単 WebGL + GLSL テンプレート - Qiita

[連載]やってみれば超簡単！ WebGL と GLSL で始める、はじめてのシェーダコーディング（７） - Qiita

[連載]やってみれば超簡単！ WebGL と GLSL で始める、はじめてのシェーダコーディング（３） - Qiita

WebGL と GLSL で気軽にレイトレーシングに挑戦してみよう！ - Qiita

[連載]やってみれば超簡単！ WebGL と GLSL で始める、はじめてのシェーダコーディング（９） - Qiita

[連載]やってみれば超簡単！ WebGL と GLSL で始める、はじめてのシェーダコーディング（８） - Qiita

[連載]やってみれば超簡単！ WebGL と GLSL で始める、はじめてのシェーダコーディング（最終回） - Qiita

[連載]やってみれば超簡単！ WebGL と GLSL で始める、はじめてのシェーダコーディング（４） - Qiita

[連載]やってみれば超簡単！ WebGL と GLSL で始める、はじめてのシェーダコーディング（６） - Qiita

[連載]やってみれば超簡単！ WebGL と GLSL で始める、はじめてのシェーダコーディング（２） - Qiita

[連載]やってみれば超簡単！ WebGL と GLSL で始める、はじめてのシェーダコーディング（１） - Qiita

[連載] javascriptで作るシューティングゲーム的な何か(1) - Qiita

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス

『qiita.com』

このページはまだブックマークされていません

キーボードショートカット一覧

公式Twitter

はてなのサービス

このページはまだ
ブックマークされていません