画角と焦点距離のメモ

広角レンズ
18-30mm 程度
24mm など

室内など


標準レンズ
35-85mm 程度
35mm、46mm、50mm など

自然
目に近い


望遠レンズ
100-350mm 程度

角度は20度程度、細い

細部

最終出力の精度を上げるためには、
その前の過程すべてで精度を上げていかないといけないように見えた。




(終わり)


.

Remove all ads

Blender の半透明CGの実写合成、全然うまくいっていません!!

Blender で半透明素材のマテリアルを設定し、
ムービークリップとコンポジットで合わせて、レンダリングしました。

全然うまくいっていません!!

www.youtube.com

全然うまくいっていません!!

わかりにくいですが、
半透明素材の屈折率はガラスと同じ1.45にしています。

全然うまくいっていません!!


イメージは、
前回と同様の、あなたがいるならの MV です。
www.youtube.com


全然うまくいっていません!!

自分のコンポジションの失敗している理由を考えて書き残しておくと。

f:id:ysok_na:20180131085915j:plain
超雑で、すみません。


あなたがいるなら的なうまい実写合成
カメラ -> ガラス -> 実写

本物の道の上に、カラフルな色のガラスのオブジェが舞っているとすると、
カメラと道の間に、ガラスのオブジェがあることになるので、ガラスを光が通るときに屈折します。
つまり、ガラスの CG のオブジェクト越しの、実写部分は屈折により歪みます。


自分の失敗実写合成
(カメラ -> ガラス) -> 実写

自分の作り方だと、カメラとガラスの CG の部分でまず完結させて、
そのあと実写と合わせているので、屈折のようなものは反映されません。


ダメダメです。
全然うまくいっていません!!


・-・-・-・-・

一晩たって見ると、
屈折は意外と気にならないのかもしれないけど、なんかやなので頑張ります。


(終わり)


.

Remove all ads

Blender の実写合成

Blender の実写合成をしました。

動画ものは、年始にはしもとばくさんのトークに行ってから、
あと、手元に AE が来たので(今回は使ってないけど)、
動画やりたいなとか感じで適当にやってみます。

とりあえず、
Blender 内の動画編集でクロマキー合成。

タイムラインエディタでやる方法だとこんな感じ↓

www.youtube.com


縁が汚い。

抜く素材はこれ↓
背景は、 #0000FF のブルー
www.youtube.com


参考にしたのはこれ↓
youtu.be

考えられる汚い理由は、
タイムラインでのマスクの精度?と、青と影のグレーが近いこと
くらいかな。


ノードエディタに変えます。

ノードエディタでは、(今回はやってないけど)何フレーム目から重ねる的なことが、
できない(もしくはやりにくいように見えますが...)

あと、背景抜く素材も変えました。
背景色は、 #00FF00 のグリーン。これ↓
Eテレ感がでました。
www.youtube.com


これで、キーイングノードで抜いて、アルファオーバーで重ねるとこれ↓
キーイングノードでも少し背景が残るので、侵食の機能をかけてます。
www.youtube.com


これだとかなり綺麗です。


・-・-・-・-・-・-・-・


あと調子乗って毛とかも。
思ってた以上に抜けてます。

www.youtube.com
www.youtube.com


・-・-・-・-・-・-・-・


ここまでやってみてとりあえず ok なんだけど、
今回の白一色のオブジェクトじゃなくて、いろんな色があるオブジェクトや、
透明な部分とかあることとか、

そういうことを考えると、
背景をつけて素材の書き出し、からの、
背景を抜く+実写との合成の2工程ではなくて、
あらかじめ、実写を使いながら、コンポジションで合成するのが良さそう!

(あと、フルHD サイズのちょうどいい動画素材を持ってなかったので、
今回背景単色の素材ができたのでよかったです。)


・-・-・-・-・-・-・-・


実写合成と、
ぴよよん、て素材は、
これの影響受けまくりです。これ↓
www.youtube.com


メイキング的な
hillslife.jp


最近のコーネリアスの MV のエモさやばいです。



(おわり)

Remove all ads

170119

大学の卒業制作の成績が出て、合格でした。

建築の勉強をしたいと思って環境デザイン学科に入って
そこで4年間学んできて、
その間にコンピュータの方に興味がうつって、
(大学入学の時に Mac を買うまで、コンピュータほぼやってなかったのに)
あと2年、コンピュータの勉強をしようと思っていて、
先のことはいろいろわからないな。


今日(19日の金曜)は、久しぶりに大学に行って、
環境の自分の周りの人たちと話をしたら、
デジタルなものを作ることは、
建築インテリアランドスケープとは違って、
学生だから実際の建築は作り(作れ)ません、ではなくて、
プロと素人そういう差はあれど、同じ土俵感あるので、
僕はコンピュータで完結するものを好きなのかもと思ったりしました。


あと、これも話してみてなんか気になったのだけど、
自分の手では作りません、発注して当たり前、
自分は図面書くだけです、みたいな、
設計者と施工者の区別も、
コンピュータで作る時にはないのとかも僕は好きかもしれないです。
(外注は普通にあるだろうけど、自分の手では絶対やれないっていうほどでもない)

もっと言ってしまうと自分の制作でも、
実際に、最後のフェーズまで自分で作るってわかっているもの、
実際のオブジェクトでもコードでもなんでもと、
どうせ建てないって思ってる設計課題の差異は確実にある気がする。
記録しようとする密度や、気を配る範囲細かさが絶対的に違う。
最後まで自分でフィニッシュさせるっていう制作やりまくるのよさそう。


これは的外れなのかもしれないけど、そう思うのは、
建築構法的な面ではなくて、空間の捉え方を教えられて、
アホほどきちんと図面を書かされるわけではなく、
実務とは程遠い謎の何かを、
建築という名前の、何か全然違うものを、
主に習ってきたので、
先の、プロと素人の絶望的な差とか、
どこかで感じてたかもしれないです。
逃げました。


コンピュータからは逃げないようにちゃんとやり続けたいです。



全然締まらないですが終わります。


終わり

Remove all ads

CSS x iOS の沼。

某サイトで、
全画面固定背景をやろうとした。


これ↓

background-attachment:fixed;


2秒で出来た。
www.youtube.com


めちゃくちゃ簡単じゃんと思っていたけど、
iOSに対応していないと言う感じで、
ここからが、地獄だった。


調べて見てとりあえずこれとか。
qiita.com

この通りにやると、
できてるようだけど若干おかしいなと言う感じになる。


この下の方とか。
f:id:ysok_na:20180115025438p:plain


色々試したけど、結局直らず、
そもそも良く観察して見ると、こういうことかなと予想がついた。

iOSSafari や、Chrome では、
上下にアドレス欄とメニューがある。
(これが出てきたり隠れたりするので厄介なのかな??)
開いた時には、その上下の内側をスクリーン100%と認識される。
f:id:ysok_na:20180115025555p:plain


そこでスクロールを始めて、上下のメニューが隠れると、最初の画像のような、
下が切れておかしくなる。
これはたぶん、開いてそのときに100% として認識したものがそのままだから。
f:id:ysok_na:20180115025806p:plain


1秒くらい経つと、綺麗な状態になる。
これは、新しく上下が隠れた状態のスクリーンの大きさを100%として認識するので、
背景の大きさがリフレッシュされている。
f:id:ysok_na:20180115025921p:plain


CSS わからないときは死にたいみたいになるけど、
解決すると気持ちが良いです(そんなことはないです)


いつも、PC の ChromeFireFoxデベロッパーツール?で、
検証しているのだけど、
今回、スマホだったので検証ツール的なものもうまく使えず、
しかも、PC 内のローカルファイルじゃダメなので、
いちいちサーバにあげなきゃって感じで、
本当に辛い気持ちでした。



(おわり)
.

Remove all ads

iMac 2008 での 2.7x Cycles benchmark (Updated BMW)

iMac (20-inch Early 2008) がちょっと手元にあるので、Blenderベンチマークテストをしてみた。

比較のために、MacBook Pro (13-inch, Mid 2014) でも同様にテスト。

Blender のバージョン(2.76)は揃えたけど、言語設定も違うし、
OSX のバージョンも違うので、なんとも言えないけど。

GPU、CPU もよくわからないので、開いてそのままレンダリング


データはここから。
f:id:ysok_na:20180113131719p:plain
blenderartists.org

配布データには、

My time with Blender 2.76
CPU: Intel i5 4.2Ghz
GPU: Nvidia GTX 770 2GB
OS: Windows 7 64bit
Time: 1 min 42 seconds (GPU - CUDA)
Time: 7 min 13 sec (CPU)

とか書いてあります。


iMac (20-inch Early 2008)

24min 42 seconds

プロセッサ:2.4 GHz Intel Core 2 Duo
メモリ:4 GB 800 MHz DDR2 SDRAM
グラフィクス:ATI Radeon HD 2400 XT 128 MB

f:id:ysok_na:20180113133211p:plain



MacBook Pro (13-inch, Mid 2014)

10 min 38 seconds

プロセッサ:2.4 GHz Intel Core i5
メモリ:8 GB 16 MHz DDR3
グラフィクス:Intel Iris 1536 MB

f:id:ysok_na:20180113132023p:plain


そもそもアニメーションのためのデータではないのでこんなこと言ってもしょうがないけど、単純計算すると、

1フレームあたり10分なら、
15秒の動画として、
15fpsの225フレームを、
2250分で37.5時間?

(前にアニメーションやった時は、
1フレームあたり2分超えると辛いなって思った。
15秒の30fpsの900フレームを、
1800分で20時間)



かなり古いマシンでメモリも2GBだし、
全然進まないので、
PC から離れて皿洗いとかしながら、
結構待った気がするけど、
一応24分で思っていたよりは悪くないのかな。

あとで気がついたけど、
レンダリング画像を確認すると、解像度 960 × 540 なので、
普通に使えるようなもっと大きいサイズにしたら、差が開くかも。。。

レンダリング画像です。

f:id:ysok_na:20180113133542p:plain



※ 追記

テスト用ファイルでは、すぐに解像度を変更できるようになってたので、
フルHD解像度でレンダリングしてみます。
1920 x 1080

iMac (20-inch Early 2008)

1 hour 36 min

f:id:ysok_na:20180113174151p:plain

MacBook Pro (13-inch, Mid 2014)

43 min 44 seconds

f:id:ysok_na:20180113143540p:plain


こっちでも普通に MacBookPro の2倍の時間がかかった





.

Remove all ads

4年間の振り返り

4時ぐらいで寝む気も逃し、朝から大学に行きたいしで、暇じゃないけど、
なんとなくエモい気分になったので書いてみます。

思い返すと割と運が良くて、本当に周りに恵まれていたと思う。


1年生

大学に入って1年生の席は名簿順で、
偶然、その時に隣、対面の席に、りきむらさん、わたなべさん、わたべさん、あおいさんがいて、
後ろで背中合わせの席に、もりかわさん、もりもとくん、
そのもりかわさんの近くに、みぞぐちさんがいた。
その人たちは、絵が上手い、立体造形も早いし綺麗、図面も丁寧に書いてて、
週末住宅の課題の時には、基地外みたいな模型を作っていて、
この人たちには敵わないなっていうのは速攻で気が付いた。


1年生の夏ごろに、
のざきに偶然、中野ブロードウェイに連れてってもらって、
そこで、3Dプリンター屋を見かけて、なかむらさんに名刺をもらって、
それから、インターン?というか常連客というかそういう感じで通うようになった。
偶然この時期は、お店が開いてから半年くらいで活気があって、
勉強会が月に一度くらい?開かれていたり、毎週日曜日に Ustream の配信をしていたりで、
かなり活発に動いている時だった。

ここで、3Dも含めてものづくりならなんでもできる、わたなべさんがいて、
ほかにも、グラスホッパーで服を3Dプリントしていたおのさんもいて、
わたなべさんが、
初めて会った時にその場で3Dモデリングするのを見せてくれて、なんか自分でもできそうとか思えた。
あとわたなべさんは、手数や場数の量、ものをまとめることとか本当にサクサクやってしまうのですごいびびりました。

この時にすごいなと思ってたおのさんは本当にすごい人で、
今でも個人のメイカーとしておのさんよりすごい人いないなっていうくらいの、すごい人が最初にあった人だった。
ここで、ベクターワークスに慣れて他のソフトはクソとか勘違いする前に、
普通に 3D CAD を当たり前と叩き込んでもらえてよかった。

おのさん経由で、ほりかわさんいしづさんもここで知り合う機会があって、
そのふたりは、マジで建築界隈ではトップレベルのプログラマだったりで
これは後で知ったのだけど、そのほりかわさんが、
偶然お店であのプロジェクトやばいよね!と話題になってたもののプログラムパートを手がけている人だったりして。

あとは、お店として、僕は右も左も分からないまま MakerFaireTokyo2014 に参加させてもらった。
1月の終わりに、Fusion 360 勉強会の講師をしたりもした。
3D プリンタが普通にあって、3D データをガンガン作るのが普通みたいな環境とか、今思えばすごいなとお思います。

大学に入るまでは、中学の情報の授業で word くらいしか触ったことがなかったし、
パソコンて何みたいな感じだったけど、
中野で知り合った人たちはパソコンでやるのが当たり前っていうので驚いた。


で1年生の終わりの春休みに、
ほりかわさんいしづさんの紹介?で、スマホのアプリを作っている会社にバイトに行って、
そこで、ファイルには連番で名前をつける教えてもらったとか、
プログラミングはググり力が大事みたいなプログラマの姿を間近で見ることとかいろいろあった。
そもそも自分のパソコンを買って1年も経ってなかったので、
本当に何もわからない感じで今思えばよく行ったなみたいに思う。




2年生

設計課題が始まって、その設計課題でも、
模型でも図面でもそれにこだわる人たちに圧倒されて、
このへんからすでに、
設計課題を今回はこのスキルセットを身に付けたいみたいなノリで取り組んでいたので、
いろいろできることが増えた。

建築設計の勉強をきちんとやることと、
締め切りに合わせて完成度も含めてきちんと作り上げる、みたいなことを大事にしなかったのは良くなかったと思った。


この年の秋口に橋本から調布に引っ越した。
だらだら夜遊ぶとかできなくなったので、個人の時間が増えた。
あと、新宿渋谷に気軽に出れるようになっていろんなイベントに行くようになった。
autodesk のイベントギャラリーのワークショップとか行った。
冬には、中野で3Dプリントの持ち手とレーザー刻印したゴム版の勉強会とかした。


年明けに、カッティングプロッターで絵を描いた。
カッティングプロッターがあるって知ってたのも含めて、
このときは、前に聞いていたのかこの時にか忘れたけど、
わたなべさんからの田中研のマシンハックみたいなことに影響を受けてた。


春休みに、偶然、中野に寄った時に、
データ試作と、資料作りの仕事やりますよと気軽に言ったもの、
僕がお子ちゃまだったのもあって、なかむらさんにがっつり指導してもらってヒーヒー言いながらやった。
これ以降、それとバイトになってからのブログのおかげもあって、
書類まとめ、ドキュメントづくりは少し好きっていえるくらいできるようになった。



3年生

processing igeo でなんかできないかと思った。
不眠症になって実家に帰ったりした。


夏から中野でバイトを始めた。

3Dスキャンにはまっていた。
中野のお店や、おやすみなさいの芸祭展示のスキャンをしたりした。
(いつもまにかソフトが統合したりで win のみで値段があがったので、飽きてしまった)
芸祭展示は、期間限定になってしまうものを3Dアーカイブみたいなノリで考えていた。

ここで偶然にも、ネタとしてとっておいたお店があとでなくなってしまったので、
さらに、いつも間にかお店のブログもなくなってしまっていて、
お店の3Dデータは残っているという感じになって面白いなと思った。
3Dプリントしたい(スキャンは穴があったりや表面だけということもあったりでうまくプリントできないのだけど)。


かなださんのへりかる3Dプリントとか見せてもらった。
12月は中野で、2月は渋谷で勉強会があった。



4年生

3月、衝動的に web の勉強を始めた。


3月末から4月の頭に、
やまださんからレンダリングのものを頼まれたので、
期間も短くて、 Blenderレンダリング地獄だった。


34月は、TOEICの勉強しつつ、
前期は松澤研究室でダラダラしていた。

4月には、チームラボと、今話題のコ口プラに話を聞きに行った。
任天堂から特許の訴訟を起こされたらしいいけどコ口プラ大丈夫ですかね...)


夏以降めちゃくちゃ色々あって、
研究室を変えたり、いきなりバイト先が閉店になったり、
受験勉強したり、アートラボやったり、受験終わって、
卒業論文からの、自動車学校、卒業制作、卒制展ウェブ等怒涛の半年だった。

8月頭、アートラボの締め。
8月半ば、大学院の受験。
9月頭、自動車学校入校。
9月半ば、卒業論文の提出。
10月半ば、自動車学校卒業。
12月半ば、卒制の提出。
年明けて、1月半ば、卒制展サイト完成。


CG で映像作るなんて、まともにやったことなかったけど、
偶然?、アートラボの動画をはやしさんがふってくれて、
ふられた3月に試作してできそうな気配はあってから受けたので、一応なんとかなるだろうなとはわかってたけど、
何やるにも全部その場で考えて試してみたいな、自転車操業だった。

締め切りとか、
あと、わからない人にはわからないが、作ってるとわかるような気づきの重さというか、
最低要件で完成は当たり前で、
そのうえでこっちで良さそうと気が付いたものは追加していって、
良いものにしようとちゃんとやることとか、
人と仕事するホウレンソウとか結構いろいろ学んだ気がする。

(秋から手伝っている卒制展では、他の人と作業することがあったけど、
相手が当たり前のこと当たり前に出来ないクソみたいのがいて、
あらかわさんはやしさんが当たり前にホウレンソウしてくれる人でよかったと本当に思った。)


受験の方は、偶然にも、(たぶん)定員割れで全然できなかったけど受かっていた。
試験では3問くらいしかわからなかったので、こんな調子じゃ留年しそう。


進路が決まって、春からの所属先では、プログラミング必須だったので、
秋以降は、processing を始めようや、python 入門などをやっていた。


はしもとせんせいは、話のテンポが早いので、
ゼミはいつも楽しかったのでとてもよかったです。
ここでは、なにか忘れるくらいだったら、手間かけてでも保存した方がと思って、
ひたすら議事録残した。


卒制は、案の定、何をやるかよりも何でやるかを先に決めてやった。
(what と how 問題)
カンガルーがしんどかった。


あとは、砂山先生とか橋本麦さん永田康祐さんが気になってきた。
コードはただの便利な道具でしかないみたいなスタンス





.

Remove all ads

当面の目標的な

今年の目標というかとりあえず3月までの目標?
ガーッと写経したいです。

processing
公式チュートリアルoop とか shader とか)
generative art
nature of code

C++
猫でもわかるC++
beyond intaraction

javascript
javascript本格入門

three.js

python
退屈なことは python にやらせよう(これじゃない本一冊写経しよかな)

max/msp

unity

ドローイング
ペンタブになれる

英語
英会話


去年は、(webサイト、構成も含めてあとで更新します)
blender のおやすみのあれで納期に終わらせることとか、
ほかは、院試の受験勉強があって、
技術的なことで言えば、
html + CSSを覚えてちゃんと使ったのと、
「processing を始めよう」をやりきったのと
kangaroo2 を結構真面目にやれたのが良かった。
あとは「python 超入門」という本も全部やったかな。


本当にもっとコードをガリガリ書いていきたい。


おわり

Remove all ads

バイナリでグリッチ

バイナリエディタグリッチする方法をタイムラインで見かけたので、やってみた。

f:id:ysok_na:20171204014257p:plain

個人的に色の数の多いバキバキなデザインをめっちゃかっこいいなと思うけれど、
自分では作れないという諦め(?)みたいなものもあって、色数多くてバキバキなものをちょっと気になっていた。
(今回やってるのは、画像データのバイナリファイルに手を入れて適当に弄るだけなので、デザインでもなんでもないけど)


バキバキのデザイン例えばこのへん

graphersrock さん
f:id:ysok_na:20171204012033p:plain
graphersrock.com

hsgn さん
f:id:ysok_na:20171204012405p:plain
f:id:ysok_na:20171204012410p:plain
https://www.redbull.com/jp-ja/videos/red-bull-music-festival-tokyo-2017-teaserwww.redbull.com

・-・-・-・-・

まず試作

素材はこれ
f:id:ysok_na:20171204003515j:plain

結果はこれ、原型見えないしちょっとやり過ぎた気もする。
f:id:ysok_na:20171204003609j:plain

・-・-・-・-・

次の素材はこれ
f:id:ysok_na:20171204003946p:plain

f:id:ysok_na:20171204004012p:plain

f:id:ysok_na:20171204004027p:plain

f:id:ysok_na:20171204004044p:plain

f:id:ysok_na:20171204004058p:plain

f:id:ysok_na:20171204004136p:plain


・-・-・-・-・

その辺で作ったものを合わせて
f:id:ysok_na:20171204013547j:plain

f:id:ysok_na:20171204013606j:plain

f:id:ysok_na:20171204013615j:plain

f:id:ysok_na:20171204013625j:plain

f:id:ysok_na:20171204013633j:plain

f:id:ysok_na:20171204013644j:plain

f:id:ysok_na:20171204013653j:plain

f:id:ysok_na:20171204013705j:plain

f:id:ysok_na:20171204013717j:plain

f:id:ysok_na:20171204013728j:plain

f:id:ysok_na:20171204013739j:plain

f:id:ysok_na:20171204013747j:plain

f:id:ysok_na:20171204013756j:plain

f:id:ysok_na:20171204013805j:plain

f:id:ysok_na:20171204013812j:plain






終わり

.

Remove all ads

卒制展サイトのあれこれ

公開した。

tamabi-kankyo.tokyo



171028 ベース作成。naysok.orgから。文字を左揃えに。

171115 アーカイブ : A、作品 : W、管理のために一つ階層噛ませた

171119 coming soon画像差し替え。CSS アップデート、グリッド改良

171120 google noto font 導入 // どのOSの端末でも同じフォント。極細日本語

171122 画像差し替え、順番入れ替え、アーカイブリンク見た目変更。

XXX 171124 トップ画像DM班fix。アーカイブページ作成。アーカイブページ用のCSS追加。個別ogp、公開準備おk

171127 CSS変更、デザイン微修正、web awesomeアイコン

Remove all ads

レーザーカッターや3Dプリンタを使えば余裕でできるよ問題

レーザーカッターや3Dプリンタを使えば余裕でできるよ問題、
僕が勝手に思っているだけなんですが、

デジタルファブリケーションと呼ばれる機械、
レーザーカッターや3Dプリンタを使ったことない人ほど、
こういうことを大きな声で言っている気がする。
何を言っているんだ現実を見ろそんな簡単にできたら誰も苦労しないんだよ。
(あとは、プロッターとかもそうですね(多分、高度なソフトウェアでも言えると思います))


どのマシンも便利でうまく使えば、
人間の手作業よりもはるかに良い成果物が得られるけど、
データの作り方のコツ、マシンの設定のコツ、気候やマシンの使用されている条件によって、
様々なコツ的なものがある。
僕がああだこうだ言えるほど、詳しいわけではないので、こういうこと言ってもなんか違うのだけども。

そのコツは、使って失敗して見みないと気づかないし、その重大さにも気がつけない。
それを、全く使ったことがない人は知らないので、
データを自由に作ってマシンを動かせば、最強の精度の成果物が手に入ると思っているようだ。


レーザーカッターで、
細かなパーツを切り落として、
それらがどこかにいかないように場所ごとで管理できるようにと、
切断した後のバラバラの切れ端を、マスキングテープで全て固定するという作業をする人がいた。
どう考えても非効率っぽい。。。
また、多摩美工作センターのユニバーサルのマシンは、
切断の順番を最適化してくれるので、
何も設定しなくても切断する順番が上下左右ばらばらになって移動のための無駄走りが発生することはないけれど、
本当は、色分けレイヤなどの処理で、無駄走りをさせないデータを作ったほうが良い。


3D プリンタで言えば、サポートが取りやすい角度や、
ベットに付く一番下の面だけツルツルになることなど、
他にも、STL の検証など、用途に応じた infill の設定などそういうこともある。


クラフトロボのプロッターは、
イラレのアドオンで動かすと、パスの順番の最適化はないので、
上下左右アホみたいに無駄走りする。
また、90度の角を切らせると、ささくれて汚くなるのだが、
目に見えない程度でもわずかに角を丸めておくと、ささくれが防げる。


そういうやって失敗してみないとわからないことを知らない、機械を使ったことない人ほど、
理想の通りに動いてくれて、簡単に完璧なものが作れる、と大きな声で話すので、
何を言うてんねん、と僕は思います。

こつこつ頑張りたい。


・-・-・-・-・-・-・-・


昨日やったものの、成功と失敗

Rhino 上で、ナンバリングして、その通りに組み立てていくデータ。
f:id:ysok_na:20171126193013j:plain


切り落としてしまうと、管理できないので、ばり(?)を残した。
ここは、のり代になるのでちぎっても問題なし。
f:id:ysok_na:20171126192321j:plain


徐々に蓄積する誤差を逃がす工夫をしてなかったので辛かった。
建て逃げ的に進めたが最後はどうすればと困った。
f:id:ysok_na:20171126192438j:plain




終わり。

Remove all ads

Ricty Diminished と Google Noto

windows のフォント汚い問題、Ricty Diminished にした。

あと、
Webデザインを考えていて、Google Noto を知った。
中村勇吾の tha 社のサイトで見つけた。
極細の日本語フォントなかなかない and CSSとしてどのOSでも同じフォントになるようなので、多用していきそう。

とちらも正方形チックで、細めのウエイトにすると、製図の手書き文字みたいな、神経質な人の細い線のシャーペンみたいな感じになるので、使う場所をよく考えたい。

Remove all ads

毎日緑化活動

github で毎日欠かさずコードをコミットして緑を塗りつぶしていくと言う目標を立ててやっていたが、5週目で途切れてしまった。
github はコードをアップロード(?)すると緑になり、回数が多いほど緑が濃くなる。

f:id:ysok_na:20171124060929p:plain

この日はらいので普通にモデリングしていた。


最近は、 processing や、python を書いていただけなのに、ふと開いたファイルの、半年前によくわからなくて放置してあった CSS の問題を一瞬で解決できた。

毎日コードを書くようにしていたら(普通にmdテキストを書いてコミットしている日もあるけど)、なんとなくひとつ山を越えた気がする。

また、コマンドプロンプトで、CUI でコミットしていると、黒い画面恐怖症を克服できて(?)、spis とか Linux コマンド的なものや、windows のバッチや、bash などを触れるようになった。

とりあえず続けていきたい。

Remove all ads

python で pillow

python の pillow を使った。

$ pip3 install pillow
// python3 系なので pip でなくて pip3 だった。ちょっとつまづいた。

ピクセルの色情報(R, G, B)の入れ替えのコードが落ちてたのでテスト。

f:id:ysok_na:20171029233012j:plain
f:id:ysok_na:20171029233019j:plain
f:id:ysok_na:20171029233033j:plain
f:id:ysok_na:20171029233040j:plain
f:id:ysok_na:20171029233026j:plain
f:id:ysok_na:20171029233049j:plain


・ー・ー・


あとは、
グレイスケールと、それを使った二値化とか。
二値化のアルゴリズムは、グレイスケールの値を決めた閾値で 0 or 255 に分けるというもの。
考えてみれば当然なのだけど、GUI で操作できる photoshop を使っているだけではわからないので良かった。

from PIL import Image
image = Image.open('Sample.jpg')

gray0 = image.convert("L") # グレイスケール
gray0.show() # Preview.app に飛ぶ
gray0.save('Sample_gray.jpg') # 名前をつけて保存

# 二値化(グレイスケールとセットで)
def filter(col):
    if col>128: # 今回は 128 が閾値
        return 255
    else:
        return 0

gray1 = gray0.point(filter)
gray1.show()
gray1.save('Sample_2_BW.jpg')

f:id:ysok_na:20171031005643j:plain
f:id:ysok_na:20171031005635j:plain
f:id:ysok_na:20171031005640j:plain

Remove all ads