原创 Layabox 2 使用其它編輯器開發layabox2d

由於我習慣了使用webstorm進行代碼的編寫,所以嘗試使用webstorm進行環境搭建一下layabox。 此開發環境是我通過webpack和layabox來實現的一個示例搭建。官方也有引擎代碼下載,但是下載下來以後沒有查到相應

原创 Layabox 1 layabox的項目文件以及項目配置

本人使用的是layabox ide 2.1版本。 首先創建一個空項目會發現左側默認生成一些文件夾以及一些文件。 .laya 文件夾中存放一些項目開發中到發佈需要的文件以及一些配置信息。 比如文件夾內的compile.js中3

原创 一種基於邊緣Bloom的溶解shader的實現

此文章爲轉載: 作者:胡說ba道 原文:https://blog.csdn.net/qq_37925032/article/details/80146256 溶解效果在遊戲中十分常見,然而普通的溶解效果往往並不好看,本文將實現一種

原创 layabox 節點查找

layabox也是一個樹形結構。 如果一個組件類綁定到節點上面,可以通過 this.owner來獲取綁定的節點。 獲取一個節點的父親節點,則使用 this.owner.parent 獲取節點所在的場景 this.owner.sc

原创 本人的項目案例

bim案例:http://www.wjceo.com/examples/demo/bim/ 服務器改成https以後,好像打不開了 街景案例:http://www.wjceo.com/examples/demo/streetsc

原创 矩陣的逆矩陣 和 轉置矩陣

這幾天用到了逆矩陣,就在這裏總結一下逆矩陣和轉置矩陣。 逆矩陣 逆矩陣就是一個矩陣的逆向。比如一個點乘以一個矩陣後得到了一個新的點的位置,如果想通過這個點再獲得矩陣轉換前的位置,那我們就需要乘以這個矩陣的逆矩陣。 在Three.j

原创 cesium獲取某個位置垂直於當前地表的垂直座標系

我們可以通過Cesium.Transforms對象來獲取到相關的方法: Cesium.Transforms.eastNorthUpToFixedFrame 常用的有Cesium.Transforms.eastNorthUpToFi

原创 CESIUM獲取世界座標轉爲屏幕座標

我們可以通過場景對象scene的cartesianToCanvasCoordinates 方法進行獲取。方法將返回轉換成在畫布的位置座標。 這個方法支持傳入兩個值,一個是需要獲取座標的世界三維座標。 第二個值爲可選,可以指定一個C

原创 使用C++或者js求空間點到直線垂足座標的解算方法

原文章地址爲:https://blog.csdn.net/zhouschina/article/details/14647587 假設空間某點O的座標爲(Xo,Yo,Zo),空間某條直線上兩點A和B的座標爲:(X1,Y1,Z1),

原创 110 THREE.JS 獲取一個點,沿座標軸的偏轉

如果讓我們自己算,需要通過三角函數自己求。 好在,Three.js封裝了自己的數學庫,裏面有相關的對象,叫Spherical類。這是一個虛擬的球座標類,我們可以定義一個點通過此類獲取到當前的偏轉弧度。 實例化此類需要三個值:radiu

原创 25 Babylonjs入門進階 鍵盤鼠標等與場景交互

用戶可以通過三種主要的方式與場景交互:鍵盤,GUI以及鼠標/移動端的手指事件或遊戲手柄。本節主要講解鍵盤和鼠標/手指的事件使用。 鍵盤事件 通過設置一下代碼,你可以得到場景中不同的鍵盤按鍵的事件反饋。 scene.onKeyboard

原创 24 Babylonjs入門進階 如何使用Observables

對於很多人來說,只是創建了Babylon.js項目相關的gui,其實還需要場景的Observables,特別是scene.onPointerObservable(獲取場景觸摸事件)。 介紹 Babylon.js提供了很多事件(比如sc

原创 23 Babylonjs入門進階使用凹凸紋理,透明度紋理和平鋪

凹凸紋理 凹凸貼圖是一種模擬渲染去面試的凹凸和凹痕的技術。這些是通過從圖像穿件發現貼圖來實現的。可以在網上查找相關生成方法。 來自圖像的原始圖像法線貼圖 凹凸貼圖可以與顏色一起使用; 原始圖像或下圖中的其他圖像。 創建凹凸貼圖示例

原创 22 Babylonjs入門進階 使用ActionManager添加模型交互事件

Action是在場景中添加模型交互的一種簡單方式。觸發器觸發需要指定一個動作觸發。例如,你可以指定用戶單擊(或者觸摸)模型時,觸發回調。 要使用Action,你必須實例化BABYLON.ActionManager並添加給模型或場景:

原创 20 Babylonjs入門進階 弧形旋轉相機的更多設置

限制相機距離焦點的距離 我們可以通過設置弧形旋轉相機的lowerRadiusLimit和upperRadiusLimit來設置相機距離焦點的距離範圍。 camera.lowerRadiusLimit = 2; camera.upper