WebGL Canvas 圖形學(xué) - 專題

投稿

收錄了30篇文章 · 120人關(guān)注

低仿[創(chuàng)客貼-制作-設(shè)計頁]功能的fabric.js移動端圖片編輯器
最近項目使用fabric.js開發(fā)移動端圖片編輯器允青，記錄一下學(xué)習(xí)過程喘帚。于是低仿了創(chuàng)客貼-制作-設(shè)計頁功能供大家參考癌别。項目基于 fabric.j...

OnceWhite 0 0
實現(xiàn)球體碰撞，使用這個庫就夠了
一峻黍、簡述大家在用Canvas實現(xiàn)球體碰撞的動畫場景時是否感覺無從下手旬渠，或者是知道怎么去實現(xiàn)甲献，但是要進行大量的計算撬即，考慮非常多的細節(jié)立磁，比如要考慮...

2.8 River_何 2 9

WebGL之繪制三維地球
通過Three.js也許可以很方便的展示出3D模型，但是你知道它是怎么一步一步從構(gòu)建網(wǎng)格到貼圖到最終渲染出3D模型的嗎剥槐？現(xiàn)在我們直接使用底層的w...

0.2 jeffzhong 0 2
WebGL之延遲著色
什么是延遲著色(Deferred Shading)唱歧？它是相對于正常使用的正向著色(Forward Shading)而言的，正向著色的工作模式：遍...

0.1 jeffzhong 0 1
SVG高級應(yīng)用及動畫
canvas 和 webGL 這兩項圖形技術(shù)結(jié)合 css3 可以說能完成絕大部分的動畫和需求粒竖。但 canvas 和 webGL 畢竟是偏向底層的...

0.3 jeffzhong 0 3
去掉圖片黑背景輸出為透明背景
最近遇到了一個需求颅崩，是要去掉一張圖片的黑色背景，如下圖所示：如果使用OPENCV 蕊苗，加上一些圖像處理的算法沿后，是可以實現(xiàn)去除任何背景的。但是由于...

0.1 ITman彪叔 0 1
根據(jù)貝塞爾曲線上的點反算t值
這是一個項目中遇到的實際需求朽砰。場景是一個智能倉庫管理系統(tǒng)尖滚，場景里面有直線和曲線構(gòu)成的環(huán)穿軌道。環(huán)穿軌道上面會有小車運動锅移，后臺推動小車的兩個點位A...

ITman彪叔 0 0

WebGL2系列之多采樣渲染緩沖對象
在很久很久以前熔掺，盤古開辟了天地，他的頭頂著天非剃，腳踩著地置逻，最后他掛了。他的毛發(fā)變成了森林备绽，他的血液變成了河流券坞，他的肌肉變成了大地。肺素。恨锚。。倍靡。猴伶。卡塌西！哦...

0.2 ITman彪叔 0 2
WebGL 著色器偏導(dǎo)數(shù)dFdx和dFdy介紹
本文適合對webgl他挎、計算機圖形學(xué)、前端可視化感興趣的讀者捡需。偏導(dǎo)數(shù)函數(shù)（HLSL中的ddx和ddy办桨，GLSL中的dFdx和dFdy）是片元著色...

0.4 ITman彪叔 0 2
WebGL之物體選擇
原文地址: WebGL之物體選擇[https://edwardzhong.github.io/2019/05/28/webglray/] 使用W...

0.2 jeffzhong 0 2