HTML5動的著色器
Dancing Shaders
Dancing Shaders
虹龍數位
2012年6月成立於台北市,為網頁遊戲暨跨全平台APP遊戲開發公司。基於HTML5技術的跨平台APP框架,發佈產品橫跨iPhone、iPad、Android手機/平板、Amazon、Blackberry、Win10、ChromeApp、PC-Web、Mobile-Web等裝置。
HTML5 cross-all-platform game developing company from Taipei since 2012. We make 2D games and deploy them on iOS, Googleplay, Amazon, Blackberry, Win10, ChromeApp, Pokki, PC-exe, PC-Web, Mobile-Web by one-time development. |
著色器(英文:shader)是電腦程式的一種術語,此類功能原本用於圖像的濃淡處理(計算圖像中的光照、亮度、顏色等),在遊戲的領域中則多半用來對元件施加類似後製的特殊效果。除了普通的光照模型,著色器還可以調整圖像的色相、飽和度、亮度、對比度,生成模糊、高光、有體積光源、失焦、卡通渲染、色調分離、畸變、凹凸貼圖、色鍵、邊緣檢測等效果。
在HTML5的領域中,WebGL是最常被用來實現著色器效果的JavaScript API,它能在不使用外掛程式的情況下,在任何相容的網頁瀏覽器中呈現互動式2D和3D圖形,可以透過Canvas實現影像處理的加速渲染,以及套用各類特效。
透過WebGL著色器,能夠強化遊戲畫面的動靜質感,營造具有說服力的視覺沉浸,可以說是程式碼專屬的藝術表現之一。
A shader is a type of computer program that was originally used for shading (the production of appropriate levels of light, darkness, and color within an image); with shaders, customized effects can be used. The position, hue, saturation, brightness, and contrast of all pixels, vertices, or textures used to construct a final image can be altered on the fly, using algorithms defined in the shader, and can be modified by external variables or textures introduced by the program calling the shader.
In HTML5, WebGL is the most famous Javascript API to implement the shader effects, rendering interactive 2D and 3D graphics within any compatible web browser without the use of plugins. WebGL is integrated completely into all the web standards of the browser, allowing GPU-accelerated usage of physics and image processing and effects as part of the web page canvas.
With the WebGL shaders, we can enhance the performance of texture of the games, create a persuasive visual immersion. They are probably the exclusive artistic expressions of HTML5 game coding.
在HTML5的領域中,WebGL是最常被用來實現著色器效果的JavaScript API,它能在不使用外掛程式的情況下,在任何相容的網頁瀏覽器中呈現互動式2D和3D圖形,可以透過Canvas實現影像處理的加速渲染,以及套用各類特效。
透過WebGL著色器,能夠強化遊戲畫面的動靜質感,營造具有說服力的視覺沉浸,可以說是程式碼專屬的藝術表現之一。
A shader is a type of computer program that was originally used for shading (the production of appropriate levels of light, darkness, and color within an image); with shaders, customized effects can be used. The position, hue, saturation, brightness, and contrast of all pixels, vertices, or textures used to construct a final image can be altered on the fly, using algorithms defined in the shader, and can be modified by external variables or textures introduced by the program calling the shader.
In HTML5, WebGL is the most famous Javascript API to implement the shader effects, rendering interactive 2D and 3D graphics within any compatible web browser without the use of plugins. WebGL is integrated completely into all the web standards of the browser, allowing GPU-accelerated usage of physics and image processing and effects as part of the web page canvas.
With the WebGL shaders, we can enhance the performance of texture of the games, create a persuasive visual immersion. They are probably the exclusive artistic expressions of HTML5 game coding.