參考1
參考2
原始碼位址
說明最終效果:原始**使用 event-emitter,作為事件分發器,需要借助打包工具使用。
該小結效果:
1、邊緣發光
頂點著色器:
varying vec3 vworldposition;
void
main()
片元著色器:
讓其過渡自然一些,並混合一下:
float dist;
float distz;
vec3 outgoinglight = basecolor;
distz =
distance
(vworldposition.z,
0.0)
;outgoinglight =
mix(
highlightcolor,
outgoinglight,
smoothstep
(0.0
, highlightdist,
pow(distz,
0.5)))
;gl_fragcolor =
vec4
(vec3
(outgoinglight),1.
);
vec3(.875, 0.5, 1.) 對光源的範圍主要在y軸進行放大。
放大一下然後混合:
3、陰影
4、完整著色器**
export
default
`,frag:
` uniform vec3 basecolor;
uniform float shadowdist;
uniform float highlightdist;
uniform vec3 shadowpoint;
uniform vec3 highlightpoint;
uniform vec3 frontpoint;
uniform vec3 highlightcolor;
uniform vec3 fronthighlightcolor;
varying vec3 vworldposition;
void main()
`,};
github學習記錄1
一.github 為什麼要學習github?可以借助github託管專案 github中的基本概念 倉庫 repository 倉庫用來存放專案 每個專案對應乙個倉庫,多個開源專案則有多個倉庫 收藏 star 收藏別人的專案方便下次檢視 關注 watch 關注某個github使用者的專案,可以方便檢...
Github學習筆記1 簡介
github概念 github是乙個合作平台,可以提供軟體開發過程中一系列的合作交流方式,讓團隊在專案上的工作更加有效率。它建立在git上,git本身是乙個分布式的版本控制系統 distributed version control system.git和github共同運作在專案的整體開發過程中。...
GitHub學習心得1
安裝git 2 安裝 本人是一路next的,現在沒發現有什麼問題。詳細的安裝過程參考 配置git的ssh密匙 1 開啟git bash 可在選單和滑鼠右鍵中開啟 檢視電腦上是否已經存在ssh金鑰 輸入 cd ssh 代表根目錄 若無法找到該檔案 注 沒有提示資訊,說明你之前已經配置好了 就要建立新的...