国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專(zhuān)欄INFORMATION COLUMN

Threejs教程之著色器

darkbaby123 / 1909人閱讀

摘要：學(xué)習(xí)基礎(chǔ)具備基本和著色器語(yǔ)言知識(shí)，不一定要深入學(xué)習(xí)。著色器所謂的材質(zhì)對(duì)象本質(zhì)上就是著色器代碼和需要傳遞的數(shù)據(jù)光源顏色矩陣。比更方便些，著色器中的很多變量不用聲明，系統(tǒng)會(huì)自動(dòng)幫你設(shè)置，比如頂點(diǎn)坐標(biāo)變量投影矩陣視圖矩陣

Three.js著色器

很多時(shí)候如果想寫(xiě)一些特效，往往需要編寫(xiě)著色器代碼GLSL，如果你不熟悉著色器語(yǔ)言，自然需要學(xué)習(xí)著色器語(yǔ)言語(yǔ)法，如果你有著色器語(yǔ)言基礎(chǔ)，直接使用Threejs引擎的ShaderMaterial或RawShaderMaterial API編寫(xiě)就可以。相比較在原生WebGL代碼中編寫(xiě)著色器要方便的多，在threejs中想著色器傳遞數(shù)據(jù)不需要像WebGL中要使用WebGL API來(lái)傳遞，threejs會(huì)自動(dòng)幫你處理。

學(xué)習(xí)基礎(chǔ)

具備基本W(wǎng)ebGL和著色器語(yǔ)言知識(shí)，不一定要深入學(xué)習(xí)。

基本Threejs基礎(chǔ)。

如果有圖形學(xué)基礎(chǔ)更好，沒(méi)有也沒(méi)關(guān)系，可以慢慢學(xué)習(xí)。

WebGL入門(mén)

關(guān)注郭隆邦技術(shù)博客，有很多關(guān)于webgl的知識(shí)和書(shū)籍資料。

郭隆邦技術(shù)博客提供的webgl視頻教程

《WebGL編程指南》，適合入門(mén)的書(shū)籍

《交互式計(jì)算機(jī)圖形學(xué)》源碼也是WebGL，相比較《WebGL編程指南》圖形學(xué)算法內(nèi)容更多，內(nèi)容更詳實(shí)，適合深入學(xué)習(xí)。

Three.js著色器API

threejs所謂的材質(zhì)對(duì)象Material本質(zhì)上就是著色器代碼和需要傳遞的uniform數(shù)據(jù)(光源、顏色、矩陣...)。
很多時(shí)候如果想寫(xiě)一些特效，往往需要編寫(xiě)著色器代碼GLSL，如果你不熟悉著色器語(yǔ)言，自然需要學(xué)習(xí)著色器語(yǔ)言語(yǔ)法，如果你有著色器語(yǔ)言基礎(chǔ)，直接使用Threejs引擎的ShaderMaterial或RawShaderMaterial API編寫(xiě)就可以。相比較在原生WebGL代碼中編寫(xiě)著色器要方便的多，在threejs中想著色器傳遞數(shù)據(jù)不需要像WebGL中要使用WebGL API來(lái)傳遞，threejs會(huì)自動(dòng)幫你處理。

RawShaderMaterial

和原生WebGL中一樣，頂點(diǎn)著色器、片元著色器代碼基本沒(méi)有任何區(qū)別，
不過(guò)頂點(diǎn)數(shù)據(jù)和uniform數(shù)據(jù)可以通過(guò)threejs的API快速傳遞，要比使用WebGL原生的API與著色器變量綁定要方便得多。

ShaderMaterial

ShaderMaterial比RawShaderMaterial更方便些，著色器中的很多變量不用聲明，threejs系統(tǒng)會(huì)自動(dòng)幫你設(shè)置，比如頂點(diǎn)坐標(biāo)變量、投影矩陣、視圖矩陣...

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/97994.html

相關(guān)文章

  • 產(chǎn)品三維模型在線(xiàn)預(yù)覽

    摘要：次時(shí)代傳統(tǒng)的方式就是創(chuàng)建次時(shí)代模型，對(duì)應(yīng)中的材質(zhì)是高光網(wǎng)格材質(zhì)對(duì)象，通常貼圖文件包含顏色貼圖法線(xiàn)貼圖和高光貼圖。 產(chǎn)品在線(xiàn)展示案例預(yù)覽 玉鐲在線(xiàn)預(yù)覽：http://www.yanhuangxueyuan.co... 汽車(chē)在線(xiàn)預(yù)覽：http://www.yanhuangxueyuan.co... Web3D技術(shù)歷史 可通過(guò)插件或WebGL技術(shù)實(shí)現(xiàn)Web3D，在線(xiàn)網(wǎng)頁(yè)上預(yù)覽操作三維...

    DirtyMind 評(píng)論0 收藏0

  • SegmentFault 技術(shù)周刊 Vol.35 - WebGL：打開(kāi)網(wǎng)頁(yè)看大片

    摘要：在文末，我會(huì)附上一個(gè)可加載的模型方便學(xué)習(xí)中文藝術(shù)字渲染用原生可以很容易地繪制文字，但是原生提供的文字效果美化功能十分有限。 showImg(https://segmentfault.com/img/bVWYnb?w=900&h=385); WebGL 可以說(shuō)是 HTML5 技術(shù)生態(tài)鏈中最為令人振奮的標(biāo)準(zhǔn)之一，它把 Web 帶入了 3D 的時(shí)代。 初識(shí) WebGL 先通過(guò)幾個(gè)使用 Web...

    objc94 評(píng)論0 收藏0

  • WebVR開(kāi)發(fā)教程——深度剖析

    摘要：片元著色器主要處理片元顏色，在這里只是將紋理坐標(biāo)和紋理對(duì)象傳給片元著色器。根據(jù)公式分別計(jì)算出左右視口的模型視圖投影矩陣，傳給頂點(diǎn)著色器程序，與頂點(diǎn)緩沖區(qū)的頂點(diǎn)坐標(biāo)相乘繪制出最終頂點(diǎn)。 最近WebVR API 1.1已經(jīng)發(fā)布，2.0草案也在擬定中，在我看來(lái)，WebVR走向大眾瀏覽器是早晚的事情了，今天本人將對(duì)WebVR開(kāi)發(fā)環(huán)境和開(kāi)發(fā)流程進(jìn)行深入介紹。 WebVR與WebVR API 首先...

    Cciradih 評(píng)論0 收藏0

  • threejs構(gòu)建web三維視圖入門(mén)教程

    摘要：本文是一篇簡(jiǎn)單的構(gòu)建三維視圖的入門(mén)教程，你可以了解到利用創(chuàng)建簡(jiǎn)單的三維圖形，并且控制圖形運(yùn)動(dòng)。然后將其加入到中。三創(chuàng)建對(duì)象大多數(shù)時(shí)候，我們需要講繪制的圖形整合到一起進(jìn)行控制。在軸上運(yùn)動(dòng)的完整代碼這個(gè)入門(mén)教程就到這里了，感謝閱讀。 本文是一篇簡(jiǎn)單的webGL+threejs構(gòu)建web三維視圖的入門(mén)教程，你可以了解到利用threejs創(chuàng)建簡(jiǎn)單的三維圖形，并且控制圖形運(yùn)動(dòng)。若有不足，歡迎指出...

    Profeel 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<