blockTools.ts 24 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462
  1. import { DiscardBlock } from 'babylonjs/Materials/Node/Blocks/Fragment/discardBlock';
  2. import { BonesBlock } from 'babylonjs/Materials/Node/Blocks/Vertex/bonesBlock';
  3. import { InstancesBlock } from 'babylonjs/Materials/Node/Blocks/Vertex/instancesBlock';
  4. import { MorphTargetsBlock } from 'babylonjs/Materials/Node/Blocks/Vertex/morphTargetsBlock';
  5. import { ImageProcessingBlock } from 'babylonjs/Materials/Node/Blocks/Fragment/imageProcessingBlock';
  6. import { ColorMergerBlock } from 'babylonjs/Materials/Node/Blocks/colorMergerBlock';
  7. import { VectorMergerBlock } from 'babylonjs/Materials/Node/Blocks/vectorMergerBlock';
  8. import { ColorSplitterBlock } from 'babylonjs/Materials/Node/Blocks/colorSplitterBlock';
  9. import { VectorSplitterBlock } from 'babylonjs/Materials/Node/Blocks/vectorSplitterBlock';
  10. import { RemapBlock } from 'babylonjs/Materials/Node/Blocks/remapBlock';
  11. import { TextureBlock } from 'babylonjs/Materials/Node/Blocks/Dual/textureBlock';
  12. import { ReflectionTextureBlock } from 'babylonjs/Materials/Node/Blocks/Dual/reflectionTextureBlock';
  13. import { LightBlock } from 'babylonjs/Materials/Node/Blocks/Dual/lightBlock';
  14. import { FogBlock } from 'babylonjs/Materials/Node/Blocks/Dual/fogBlock';
  15. import { VertexOutputBlock } from 'babylonjs/Materials/Node/Blocks/Vertex/vertexOutputBlock';
  16. import { FragmentOutputBlock } from 'babylonjs/Materials/Node/Blocks/Fragment/fragmentOutputBlock';
  17. import { NormalizeBlock } from 'babylonjs/Materials/Node/Blocks/normalizeBlock';
  18. import { AddBlock } from 'babylonjs/Materials/Node/Blocks/addBlock';
  19. import { ScaleBlock } from 'babylonjs/Materials/Node/Blocks/scaleBlock';
  20. import { TrigonometryBlock, TrigonometryBlockOperations } from 'babylonjs/Materials/Node/Blocks/trigonometryBlock';
  21. import { ClampBlock } from 'babylonjs/Materials/Node/Blocks/clampBlock';
  22. import { CrossBlock } from 'babylonjs/Materials/Node/Blocks/crossBlock';
  23. import { DotBlock } from 'babylonjs/Materials/Node/Blocks/dotBlock';
  24. import { MultiplyBlock } from 'babylonjs/Materials/Node/Blocks/multiplyBlock';
  25. import { TransformBlock } from 'babylonjs/Materials/Node/Blocks/transformBlock';
  26. import { NodeMaterialBlockConnectionPointTypes } from 'babylonjs/Materials/Node/Enums/nodeMaterialBlockConnectionPointTypes';
  27. import { FresnelBlock } from 'babylonjs/Materials/Node/Blocks/fresnelBlock';
  28. import { LerpBlock } from 'babylonjs/Materials/Node/Blocks/lerpBlock';
  29. import { NLerpBlock } from 'babylonjs/Materials/Node/Blocks/nLerpBlock';
  30. import { DivideBlock } from 'babylonjs/Materials/Node/Blocks/divideBlock';
  31. import { SubtractBlock } from 'babylonjs/Materials/Node/Blocks/subtractBlock';
  32. import { StepBlock } from 'babylonjs/Materials/Node/Blocks/stepBlock';
  33. import { SmoothStepBlock } from 'babylonjs/Materials/Node/Blocks/smoothStepBlock';
  34. import { InputBlock } from 'babylonjs/Materials/Node/Blocks/Input/inputBlock';
  35. import { NodeMaterialSystemValues } from 'babylonjs/Materials/Node/Enums/nodeMaterialSystemValues';
  36. import { AnimatedInputBlockTypes } from 'babylonjs/Materials/Node/Blocks/Input/animatedInputBlockTypes';
  37. import { OneMinusBlock } from 'babylonjs/Materials/Node/Blocks/oneMinusBlock';
  38. import { ViewDirectionBlock } from 'babylonjs/Materials/Node/Blocks/viewDirectionBlock';
  39. import { LightInformationBlock } from 'babylonjs/Materials/Node/Blocks/Vertex/lightInformationBlock';
  40. import { MaxBlock } from 'babylonjs/Materials/Node/Blocks/maxBlock';
  41. import { MinBlock } from 'babylonjs/Materials/Node/Blocks/minBlock';
  42. import { PerturbNormalBlock } from 'babylonjs/Materials/Node/Blocks/Fragment/perturbNormalBlock';
  43. import { LengthBlock } from 'babylonjs/Materials/Node/Blocks/lengthBlock';
  44. import { DistanceBlock } from 'babylonjs/Materials/Node/Blocks/distanceBlock';
  45. import { FrontFacingBlock } from 'babylonjs/Materials/Node/Blocks/frontFacingBlock';
  46. import { NegateBlock } from 'babylonjs/Materials/Node/Blocks/negateBlock';
  47. import { PowBlock } from 'babylonjs/Materials/Node/Blocks/powBlock';
  48. import { Scene } from 'babylonjs/scene';
  49. import { RandomNumberBlock } from 'babylonjs/Materials/Node/Blocks/randomNumberBlock';
  50. import { ReplaceColorBlock } from 'babylonjs/Materials/Node/Blocks/replaceColorBlock';
  51. import { PosterizeBlock } from 'babylonjs/Materials/Node/Blocks/posterizeBlock';
  52. import { ArcTan2Block } from 'babylonjs/Materials/Node/Blocks/arcTan2Block';
  53. import { ReciprocalBlock } from 'babylonjs/Materials/Node/Blocks/reciprocalBlock';
  54. import { GradientBlock } from 'babylonjs/Materials/Node/Blocks/gradientBlock';
  55. import { WaveBlock, WaveBlockKind } from 'babylonjs/Materials/Node/Blocks/waveBlock';
  56. import { NodeMaterial } from 'babylonjs/Materials/Node/nodeMaterial';
  57. export class BlockTools {
  58. public static GetBlockFromString(data: string, scene: Scene, nodeMaterial: NodeMaterial) {
  59. switch (data) {
  60. case "BonesBlock":
  61. return new BonesBlock("Bones");
  62. case "InstancesBlock":
  63. return new InstancesBlock("Instances");
  64. case "MorphTargetsBlock":
  65. return new MorphTargetsBlock("MorphTargets");
  66. case "DiscardBlock":
  67. return new DiscardBlock("Discard");
  68. case "ImageProcessingBlock":
  69. return new ImageProcessingBlock("ImageProcessing");
  70. case "ColorMergerBlock":
  71. return new ColorMergerBlock("ColorMerger");
  72. case "VectorMergerBlock":
  73. return new VectorMergerBlock("VectorMerger");
  74. case "ColorSplitterBlock":
  75. return new ColorSplitterBlock("ColorSplitter");
  76. case "VectorSplitterBlock":
  77. return new VectorSplitterBlock("VectorSplitter");
  78. case "TextureBlock":
  79. return new TextureBlock("Texture");
  80. case "ReflectionTextureBlock":
  81. return new ReflectionTextureBlock("Reflection texture");
  82. case "LightBlock":
  83. return new LightBlock("Lights");
  84. case "FogBlock":
  85. return new FogBlock("Fog");
  86. case "VertexOutputBlock":
  87. return new VertexOutputBlock("VertexOutput");
  88. case "FragmentOutputBlock":
  89. return new FragmentOutputBlock("FragmentOutput");
  90. case "AddBlock":
  91. return new AddBlock("Add");
  92. case "ClampBlock":
  93. return new ClampBlock("Clamp");
  94. case "ScaleBlock":
  95. return new ScaleBlock("Scale");
  96. case "CrossBlock":
  97. return new CrossBlock("Cross");
  98. case "DotBlock":
  99. return new DotBlock("Dot");
  100. case "PowBlock":
  101. return new PowBlock("Pow");
  102. case "MultiplyBlock":
  103. return new MultiplyBlock("Multiply");
  104. case "TransformBlock":
  105. return new TransformBlock("Transform");
  106. case "TrigonometryBlock":
  107. return new TrigonometryBlock("Trigonometry");
  108. case "RemapBlock":
  109. return new RemapBlock("Remap");
  110. case "NormalizeBlock":
  111. return new NormalizeBlock("Normalize");
  112. case "FresnelBlock":
  113. return new FresnelBlock("Fresnel");
  114. case "LerpBlock":
  115. return new LerpBlock("Lerp");
  116. case "NLerpBlock":
  117. return new NLerpBlock("NLerp");
  118. case "DivideBlock":
  119. return new DivideBlock("Divide");
  120. case "SubtractBlock":
  121. return new SubtractBlock("Subtract");
  122. case "StepBlock":
  123. return new StepBlock("Step");
  124. case "SmoothStepBlock":
  125. return new SmoothStepBlock("Smooth step");
  126. case "OneMinusBlock":
  127. return new OneMinusBlock("One minus");
  128. case "ReciprocalBlock":
  129. return new ReciprocalBlock("Reciprocal");
  130. case "ViewDirectionBlock":
  131. return new ViewDirectionBlock("View direction");
  132. case "LightInformationBlock":
  133. let lightInformationBlock = new LightInformationBlock("Light information");
  134. lightInformationBlock.light = scene.lights.length ? scene.lights[0] : null;
  135. return lightInformationBlock;
  136. case "MaxBlock":
  137. return new MaxBlock("Max");
  138. case "MinBlock":
  139. return new MinBlock("Min");
  140. case "LengthBlock":
  141. return new LengthBlock("Length");
  142. case "DistanceBlock":
  143. return new DistanceBlock("Distance");
  144. case "NegateBlock":
  145. return new NegateBlock("Negate");
  146. case "PerturbNormalBlock":
  147. return new PerturbNormalBlock("Perturb normal");
  148. case "RandomNumberBlock":
  149. return new RandomNumberBlock("Random number");
  150. case "ReplaceColorBlock":
  151. return new ReplaceColorBlock("Replace color");
  152. case "PosterizeBlock":
  153. return new PosterizeBlock("Posterize");
  154. case "ArcTan2Block":
  155. return new ArcTan2Block("ArcTan2");
  156. case "GradientBlock":
  157. return new GradientBlock("Gradient");
  158. case "FrontFacingBlock":
  159. return new FrontFacingBlock("Front facing");
  160. case "CosBlock": {
  161. let cosBlock = new TrigonometryBlock("Cos");
  162. cosBlock.operation = TrigonometryBlockOperations.Cos;
  163. return cosBlock;
  164. }
  165. case "SinBlock": {
  166. let sinBlock = new TrigonometryBlock("Sin");
  167. sinBlock.operation = TrigonometryBlockOperations.Sin;
  168. return sinBlock;
  169. }
  170. case "AbsBlock": {
  171. let absBlock = new TrigonometryBlock("Abs");
  172. absBlock.operation = TrigonometryBlockOperations.Abs;
  173. return absBlock;
  174. }
  175. case "SqrtBlock": {
  176. let sqrtBlock = new TrigonometryBlock("Sqrt");
  177. sqrtBlock.operation = TrigonometryBlockOperations.Sqrt;
  178. return sqrtBlock;
  179. }
  180. case "ArcCosBlock": {
  181. let acosBlock = new TrigonometryBlock("ArcCos");
  182. acosBlock.operation = TrigonometryBlockOperations.ArcCos;
  183. return acosBlock;
  184. }
  185. case "ArcSinBlock": {
  186. let asinBlock = new TrigonometryBlock("ArcSin");
  187. asinBlock.operation = TrigonometryBlockOperations.ArcSin;
  188. return asinBlock;
  189. }
  190. case "TanBlock": {
  191. let tanBlock = new TrigonometryBlock("Tan");
  192. tanBlock.operation = TrigonometryBlockOperations.Tan;
  193. return tanBlock;
  194. }
  195. case "ArcTanBlock": {
  196. let atanBlock = new TrigonometryBlock("ArcTan");
  197. atanBlock.operation = TrigonometryBlockOperations.ArcTan;
  198. return atanBlock;
  199. }
  200. case "FractBlock": {
  201. let fractBlock = new TrigonometryBlock("Fract");
  202. fractBlock.operation = TrigonometryBlockOperations.Fract;
  203. return fractBlock;
  204. }
  205. case "SignBlock": {
  206. let signBlock = new TrigonometryBlock("Sign");
  207. signBlock.operation = TrigonometryBlockOperations.Sign;
  208. return signBlock;
  209. }
  210. case "LogBlock": {
  211. let logBlock = new TrigonometryBlock("Log");
  212. logBlock.operation = TrigonometryBlockOperations.Log;
  213. return logBlock;
  214. }
  215. case "ExpBlock": {
  216. let expBlock = new TrigonometryBlock("Exp");
  217. expBlock.operation = TrigonometryBlockOperations.Exp;
  218. return expBlock;
  219. }
  220. case "Exp2Block": {
  221. let exp2Block = new TrigonometryBlock("Exp2");
  222. exp2Block.operation = TrigonometryBlockOperations.Exp2;
  223. return exp2Block;
  224. }
  225. case "DegreesToRadiansBlock": {
  226. let degreesToRadiansBlock = new TrigonometryBlock("Degrees to radians");
  227. degreesToRadiansBlock.operation = TrigonometryBlockOperations.Radians;
  228. return degreesToRadiansBlock;
  229. }
  230. case "RadiansToDegreesBlock": {
  231. let radiansToDegreesBlock = new TrigonometryBlock("Radians to degrees");
  232. radiansToDegreesBlock.operation = TrigonometryBlockOperations.Degrees;
  233. return radiansToDegreesBlock;
  234. }
  235. case "RoundBlock": {
  236. let roundBlock = new TrigonometryBlock("Round");
  237. roundBlock.operation = TrigonometryBlockOperations.Round;
  238. return roundBlock;
  239. }
  240. case "CeilingBlock": {
  241. let ceilingBlock = new TrigonometryBlock("Ceiling");
  242. ceilingBlock.operation = TrigonometryBlockOperations.Ceiling;
  243. return ceilingBlock;
  244. }
  245. case "FloorBlock": {
  246. let floorBlock = new TrigonometryBlock("Floor");
  247. floorBlock.operation = TrigonometryBlockOperations.Floor;
  248. return floorBlock;
  249. }
  250. case "SawToothWaveBlock": {
  251. let sawToothWaveBlock = new WaveBlock("SawTooth wave");
  252. sawToothWaveBlock.kind = WaveBlockKind.SawTooth;
  253. return sawToothWaveBlock;
  254. }
  255. case "SquareWaveBlock": {
  256. let squareWaveBlock = new WaveBlock("Square wave");
  257. squareWaveBlock.kind = WaveBlockKind.Square;
  258. return squareWaveBlock;
  259. }
  260. case "TriangleWaveBlock": {
  261. let triangleWaveBlock = new WaveBlock("Triangle wave");
  262. triangleWaveBlock.kind = WaveBlockKind.Triangle;
  263. return triangleWaveBlock;
  264. }
  265. case "WorldMatrixBlock": {
  266. let worldMatrixBlock = new InputBlock("World");
  267. worldMatrixBlock.setAsSystemValue(NodeMaterialSystemValues.World);
  268. return worldMatrixBlock;
  269. }
  270. case "WorldViewMatrixBlock": {
  271. let worldViewMatrixBlock = new InputBlock("World x View");
  272. worldViewMatrixBlock.setAsSystemValue(NodeMaterialSystemValues.WorldView);
  273. return worldViewMatrixBlock;
  274. }
  275. case "WorldViewProjectionMatrixBlock": {
  276. let worldViewProjectionMatrixBlock = new InputBlock("World x View x Projection");
  277. worldViewProjectionMatrixBlock.setAsSystemValue(NodeMaterialSystemValues.WorldViewProjection);
  278. return worldViewProjectionMatrixBlock;
  279. }
  280. case "ViewMatrixBlock": {
  281. let viewMatrixBlock = new InputBlock("View");
  282. viewMatrixBlock.setAsSystemValue(NodeMaterialSystemValues.View);
  283. return viewMatrixBlock;
  284. }
  285. case "ViewProjectionMatrixBlock": {
  286. let viewProjectionMatrixBlock = new InputBlock("View x Projection");
  287. viewProjectionMatrixBlock.setAsSystemValue(NodeMaterialSystemValues.ViewProjection);
  288. return viewProjectionMatrixBlock;
  289. }
  290. case "ProjectionMatrixBlock": {
  291. let projectionMatrixBlock = new InputBlock("Projection");
  292. projectionMatrixBlock.setAsSystemValue(NodeMaterialSystemValues.Projection);
  293. return projectionMatrixBlock;
  294. }
  295. case "CameraPositionBlock": {
  296. let cameraPosition = new InputBlock("Camera position");
  297. cameraPosition.setAsSystemValue(NodeMaterialSystemValues.CameraPosition);
  298. return cameraPosition;
  299. }
  300. case "FogColorBlock": {
  301. let FogColor = new InputBlock("Fog color");
  302. FogColor.setAsSystemValue(NodeMaterialSystemValues.FogColor);
  303. return FogColor;
  304. }
  305. case "PositionBlock": {
  306. let meshPosition = new InputBlock("position");
  307. meshPosition.setAsAttribute("position");
  308. return meshPosition;
  309. }
  310. case "UVBlock": {
  311. let meshUV = new InputBlock("uv");
  312. meshUV.setAsAttribute("uv");
  313. return meshUV;
  314. }
  315. case "ColorBlock": {
  316. let meshColor = new InputBlock("color");
  317. meshColor.setAsAttribute("color");
  318. return meshColor;
  319. }
  320. case "NormalBlock": {
  321. let meshNormal = new InputBlock("normal");
  322. meshNormal.setAsAttribute("normal");
  323. return meshNormal;
  324. }
  325. case "TangentBlock": {
  326. let meshTangent = new InputBlock("tangent");
  327. meshTangent.setAsAttribute("tangent");
  328. return meshTangent;
  329. }
  330. case "MatrixIndicesBlock": {
  331. let meshMatrixIndices = new InputBlock("matricesIndices");
  332. meshMatrixIndices.setAsAttribute("matricesIndices");
  333. return meshMatrixIndices;
  334. }
  335. case "MatrixWeightsBlock": {
  336. let meshMatrixWeights = new InputBlock("matricesWeights");
  337. meshMatrixWeights.setAsAttribute("matricesWeights");
  338. return meshMatrixWeights;
  339. }
  340. case "TimeBlock": {
  341. let timeBlock = new InputBlock("Time", undefined, NodeMaterialBlockConnectionPointTypes.Float);
  342. timeBlock.animationType = AnimatedInputBlockTypes.Time;
  343. return timeBlock;
  344. }
  345. case "DeltaTimeBlock": {
  346. let deltaTimeBlock = new InputBlock("Delta time");
  347. deltaTimeBlock.setAsSystemValue(NodeMaterialSystemValues.DeltaTime);
  348. return deltaTimeBlock;
  349. }
  350. case "WorldPositionBlock": {
  351. let worldPositionBlock = nodeMaterial.getInputBlockByPredicate(b => b.isAttribute && b.name === "position");
  352. if (!worldPositionBlock) {
  353. worldPositionBlock = new InputBlock("position");
  354. worldPositionBlock.setAsAttribute("position");
  355. }
  356. let worldMatrixBlock = nodeMaterial.getInputBlockByPredicate(b => b.isSystemValue && b.systemValue === NodeMaterialSystemValues.World);
  357. if (!worldMatrixBlock) {
  358. worldMatrixBlock = new InputBlock("World");
  359. worldMatrixBlock.setAsSystemValue(NodeMaterialSystemValues.World);
  360. }
  361. let transformBlock = new TransformBlock("World position");
  362. worldPositionBlock.connectTo(transformBlock);
  363. worldMatrixBlock.connectTo(transformBlock);
  364. return transformBlock;
  365. }
  366. case "WorldNormalBlock": {
  367. let worldNormalBlock = nodeMaterial.getInputBlockByPredicate(b => b.isAttribute && b.name === "normal");
  368. if (!worldNormalBlock) {
  369. worldNormalBlock = new InputBlock("normal");
  370. worldNormalBlock.setAsAttribute("normal");
  371. }
  372. let worldMatrixBlock = nodeMaterial.getInputBlockByPredicate(b => b.isSystemValue && b.systemValue === NodeMaterialSystemValues.World);
  373. if (!worldMatrixBlock) {
  374. worldMatrixBlock = new InputBlock("World");
  375. worldMatrixBlock.setAsSystemValue(NodeMaterialSystemValues.World);
  376. }
  377. let transformBlock = new TransformBlock("World normal");
  378. worldNormalBlock.connectTo(transformBlock);
  379. worldMatrixBlock.connectTo(transformBlock);
  380. return transformBlock;
  381. }
  382. }
  383. return null;
  384. }
  385. public static GetColorFromConnectionNodeType(type: NodeMaterialBlockConnectionPointTypes) {
  386. let color = "Red";
  387. switch (type) {
  388. case NodeMaterialBlockConnectionPointTypes.Float:
  389. color = "#cb9e27";
  390. break;
  391. case NodeMaterialBlockConnectionPointTypes.Vector2:
  392. color = "#16bcb1";
  393. break;
  394. case NodeMaterialBlockConnectionPointTypes.Vector3:
  395. case NodeMaterialBlockConnectionPointTypes.Color3:
  396. color = "#b786cb";
  397. break;
  398. case NodeMaterialBlockConnectionPointTypes.Vector4:
  399. case NodeMaterialBlockConnectionPointTypes.Color4:
  400. color = "#be5126";
  401. break;
  402. case NodeMaterialBlockConnectionPointTypes.Matrix:
  403. color = "#591990";
  404. break;
  405. }
  406. return color;
  407. }
  408. public static GetConnectionNodeTypeFromString(type: string) {
  409. switch (type) {
  410. case "Float":
  411. return NodeMaterialBlockConnectionPointTypes.Float;
  412. case "Vector2":
  413. return NodeMaterialBlockConnectionPointTypes.Vector2;
  414. case "Vector3":
  415. return NodeMaterialBlockConnectionPointTypes.Vector3;
  416. case "Vector4":
  417. return NodeMaterialBlockConnectionPointTypes.Vector4;
  418. case "Matrix":
  419. return NodeMaterialBlockConnectionPointTypes.Matrix;
  420. case "Color3":
  421. return NodeMaterialBlockConnectionPointTypes.Color3;
  422. case "Color4":
  423. return NodeMaterialBlockConnectionPointTypes.Color4;
  424. }
  425. return NodeMaterialBlockConnectionPointTypes.AutoDetect;
  426. }
  427. public static GetStringFromConnectionNodeType(type: NodeMaterialBlockConnectionPointTypes) {
  428. switch (type){
  429. case NodeMaterialBlockConnectionPointTypes.Float:
  430. return "Float";
  431. case NodeMaterialBlockConnectionPointTypes.Vector2:
  432. return "Vector2";
  433. case NodeMaterialBlockConnectionPointTypes.Vector3:
  434. return "Vector3";
  435. case NodeMaterialBlockConnectionPointTypes.Vector4:
  436. return "Vector4";
  437. case NodeMaterialBlockConnectionPointTypes.Color3:
  438. return "Color3";
  439. case NodeMaterialBlockConnectionPointTypes.Color4:
  440. return "Color4";
  441. case NodeMaterialBlockConnectionPointTypes.Matrix:
  442. return "Matrix";
  443. }
  444. return "";
  445. }
  446. }