Web Design Articles

  • 1850

babylon.js ステップ7　ライティング

babylon.js ステップ7　ライティングです。3D表現はライティングが無いと始まりません。ライディングの無い空間はただの暗黒です。暗黒の空間に一条の光として、ライトを設置します。ライトと言っても、太陽のような環境光もあります。いきましょう！ ライトの種類 4種類のライトあります ポイントライト(Point Light) 指向性ライト(Directional Light) スポットライト(Spot LIghe) 半球ライト(HemiLight) ポイントライト/点光源(Point Light) ポイントライトは、ワールドスペース内の一意のポイント(点)にから発光されるライトです。光はこのポイントからあらゆる方向に放出されます。ポイントライトの分かりやすい例は、裸電球です。ちょっと上(y軸を多め)に置くとメッシュ全体を照らせます。 var light = new BABYLON.PointLight("pointLight", new BABYLON.Vector3(1, 10, 1), scene); 例はこちら https://www.babylonjs-playground.com/#20OAV9 指向性ライト/平行光源(Directional Light) 指向性ライト/平行光源は、方向によって定義される特殊な光です。光は、指定された方向のあらゆる場所から放出され、無限の範囲を持ちます。指向性ライトの例としては、太陽からの十分に遠い惑星があったとしてその惑星に対して、並行な光が降り注ぐと思うのですが、そんな感じです。下方向に光を当てると、オブジェクトの上部が明るくなります。 var light = new BABYLON.DirectionalLight("DirectionalLight", new [...]

  • 1963

本日、　ユニークな場所・楽しみ方を発見できる「ホックー！β(ベータ)」をリリースしました！！！

やっとリリース！！！ 当初のリリース予定日から1カ月ほど遅れてしまいました。 大変お待たせしてすみません。 本日、ユニークなお出かけスポットや観光地を発見できるサービス、ホックーαに 全面的な機能拡充・改善を施し、「ホックー！β(ベータ)」として新たにリリースしました！！！！！ αバージョンからあった機能やページの見た目も大きく変化し使い勝手も向上していますので、ぜひチェックしてみてください！ 新しくなったホックー！を見るにはこちらから！ 新機能 HOT(流行)、STANDARD(定番)、COOL(穴場)ランキング 単にあるエリアのおでかけスポット情報が検索できるだけでなく、そのエリアで流行っているスポットや、必ず押さえたい定番、さらにユニークな穴場を探すことができるようになりました。 しかも、独自の解析機能「HOTCOO解析力」により、流行っている度合い、定番さの度合い、穴場さ（？）の度合いをスコア化し、そのランキングをみることができます！！ ランキングを見るにはこちらから！ この機能を使うことで.... HOTランキングをチェックすれば、流行を先取りしてお友達に自慢できます！ STANDARDランキングで予習すれば、旅行先で、行っておくべき定番を見逃さない！ COOLランキングから探せば、同じところに何回旅行しても新たな楽しみ方が見つかります！ 本機能を皆様の旅行やお出かけに役立てていただけると幸いです。 プレスリリース http://www.value-press.com/pressrelease/129809 [さいぞう]

  • 1964

はりうすビール部 よなよなエールの巻

こんばんは。 はりうす はまだ一円も儲けていないので、ビール部では基本的に本物のビールはのんでおらず、 第三のビールばかりです。 これはこれでおいしく、特に夏はさっぱりしていて良いので最近は満足していたのですが、 この間、相方のすすめで、ついついよなよなエールのお試し飲み比べセットをamazonでポチってしまいました。 よなよなエールお試しセット http://item.rakuten.co.jp/yonayona/562929/ うひひ。 よなよなエール、水曜日のねこ、インドの青鬼、SUNSUNオーガニックビールの4本はいって1,000円でした。 本当は、全部一気にあけて飲み比べたたいのですが、そんなにお酒が強くないので、一日一本ずつあけてレビューしたいと思います。 たのしみ！ [さいぞう]

  • 1965

知らなかった！神奈川の渋いスポット

こんばんは。さいぞうです。 最近のはりうすでは、 ホックー！の 遅れまくっている次のリリースに向け、大量のスポット情報のチェックをしています。 これは、基本的にはかなりめんどくくつまらない作業です。 でも、たまに、これまで自分が知らなかったけど、かなり面白そうなスポットを発見できることがあります。 せっかくなので、そういうスポットを少しご紹介します。 * 銭湯系 政之湯 https://hotcoo.net/Article/Details/EE26C23B-8401-4317-AA55-1F86EB17E2CF 川崎市内にある銭湯。写真を見た感じではかなり雑多な感じでとても魅力的です。 http://www.kawasaki1010.com/now/koten/cyubu/masanoyu.htm このページによると、温泉ではないが組み上げた鉱泉を沸かしているらしく、疲れも取れそうなのもいい感じです。 松島館（横浜） https://hotcoo.net/Article/Details/DA2588D3-E9C9-4AC6-98F8-8195B7E24510 なぜかとても渋いモノクロの写真になっています。 これだけでいってみたい気がしますが、名前も「～湯」じゃなくて「館」なのもしぶい。 桜木町とか繁華街にあるらしいから呑む機会があれば行ってみようと思います。 * [...]

渋谷のスクランブル交差点と同期するLED信号機を作った話 作業メモ編: Swiftとの連携、スクショ等 | さいぞうのArduino初心者日記 8

Arudinoのチュートリアルをやる連載の8回目です。 今回から完成したものを見せる本編と、作業中のいろいろを書くメモをわけてみます。 コンテンツの水増し。 こちらは技術者、実際にやってみたい人向けの作業メモです。 内容 Arudinoチュートリアル的にはここでやるのは、複数のLEDをついでの信号機ということになっています。 ただし、あまり面白くないので、実際の渋谷のスクランブル交差点信号機に同期して動くLED信号機を作ってみたいと思います。 方法 公開されているライブカメラの映像を使います。 渋谷のスクランブル交差点のリアルタイムな映像は、ネット上で公開されています。 そこで、それを利用して、以下の流れでできると思いました。 ブラウザ等で映像を開く(PC側の処理) スクリーンショットとる(PC側の処理) 画像処理(ってほどじゃないけど)で信号の色か、人の流れを見て、赤、青、できたら黄色信号を判別(PC側の処理) Arduinoにシリアル通信でその情報を送る(PC側の処理) LED光らせる(Arduinoの処理) 例によって面白いところはほとんどパソコン側のプログラミングです。 Arduinoの方のチュートリアルが進んでないので、こうなっちゃいます。 早く先に進みたい! 前回までは、パソコン側はRubyでいろいろ処理してました。 hollywis.hatenablog.com でもこれも飽きてきたので、最近いじってるSwiftで作るOSXアプリでやってみたいとおもいます。 ソースコード PC側(Swift)はこちら https://bitbucket.org/aoyagikwansei/traficsignalsyncaruino Arudinoスケッチはこちら <まだない> 作業 Swift→Arduinoのシリアル通信 最初にやり方だけ調査。 適当にググると、IOKITというライブラリを使えばいいらしい。じゃあこれでいいや。 実は今手元にArduinoがないので次に進む。 参考 Mac OS X Drivers for CH340 / CH341 / PL2303 USB to RS-232 Devices Macと色々なものをつなげる話。2014 - Qiita [...]

Node.jsのExpress入れてみる。WebStormで

こんにちは、のすけです。 Node.jsのWebフレームワークであるExpressを入れてみました。 以前紹介したようにhttp.createServerで簡易的にはサーバを作れるのですが、ルーティングとかを考えるとWebフレームワークを使った方が楽だと思います。 今回は、Expressプロジェクトの内容が知りたかったので、かなりずるい方法で環境を構築します。 WebStormを使う はい。WebStormを使います。WebStormはHTML用のIDEです。(なんかPhpStormでもモジュール入れればいけるらしい) HTML,CSS,JSを書く場合に威力を発揮します。 WebStormはNode.jsにも対応しているので、これでサクッと作っちゃいます。 こちらからダウンロード。 www.jetbrains.com 僕はWebStorm8のライセンスを持っているので8で作ります。最新は11だった。 起動 *この画像はすぐ消えるので上手く撮れなくて適当に拾ってきました。 環境を選択。テーマはDarculaを選びました(背景が黒いやつです) Create New Projectを選択。画像はちょうどCreate New Projectが切れてしまった(上の方にあります)。 プロジェクト名を入れて、project type をNode.js Express Appに Node interpreterを選んで、versionは4.13.1にしました。 Viewのtemplate engineはjadeを選びました。cssはplane cssで するとこんな感じでプロジェクトができました。 binの下のwwwが起動用jsで、app.jsがアプリケーション全体の設定。 routes下のindex.jsとusers.jsがそれぞれのルーティングに対応したjsっぽいですね。 viewsの下にjadeファイルがありました。 node_modulesの下を覗くといっぱいjsのライブラリが・・・。Expressがjsライブラリの集合体であることがわかりますねぇ。 package.jsonを覗いたらこんな感じだった。 { "name": "node-test001", "version": "0.0.0", "private": true, "scripts": { "start": "node ./bin/www" }, "dependencies": { [...]

Let’s Work Together

Tell me more about your project

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.