- 博客(34)
- 资源 (14)
- 收藏
- 关注
原创 宇宙气旋
气旋示例HTMLCSSJS更多有趣示例 尽在小红砖社区示例HTML<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/88/three.min.js"></script><script id="vertexShader" type="x-shader/x-vertex"> void main() { gl_Position = vec4( position, 1.0
2020-06-30 17:20:07 191
原创 紫色
紫色示例HTMLCSSJS更多有趣示例 尽在小红砖社区示例HTML<!-- Made with THREE.Phenomenon: A 900b wrapper around #threejs built for high-performance WebGL experiences. --><a href="https://github.com/vaneenige/three.phenomenon" target="_blank">THREE.Phenomenon&l
2020-06-30 17:15:38 173
原创 隧道动画
隧道动画示例HTMLCSSJS更多有趣示例 尽在小红砖社区示例HTML<canvas></canvas>CSSbody { overflow: hidden; margin: 0;}JS// Get window sizeconst canvas = document.querySelector('canvas');canvas.width = window.innerWidth, canvas.height = window.innerHei
2020-06-30 17:07:29 181
原创 生成流
生成流示例HTMLCSSJS示例HTML<body></body>CSS/* Use your mouse :) */body { margin: 0px; overflow: hidden; }JS/* * Copyright MIT © <2013> <Francesco Trillini> * * Permission is hereby granted, free of charge, to a
2020-06-30 17:03:14 197
原创 混合域
混合域示例HTMLCSSJS更多有趣示例 尽在小红砖社区示例HTML<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/88/three.min.js"></script><script id="vertexShader" type="x-shader/x-vertex"> void main() { gl_Position = vec4( position, 1.0
2020-06-30 16:59:40 219
原创 绝地悍将
绝地悍将示例HTMLCSSJS更多有趣示例 尽在小红砖社区示例HTML<div class="dir" id="dir">test</div> <div class="status" id="status"><h2>You Be Dead</h2>Press Space To Continue</div><div class="status" id="GameOver"><h2>Game Ove
2020-06-30 16:55:02 203
原创 旋转的棒棒糖
棒棒糖示例HTMLCSSJS更多有趣示例 尽在小红砖社区示例HTML<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/88/three.min.js"></script><script id="vertexShader" type="x-shader/x-vertex"> void main() { gl_Position = vec4( position, 1.0
2020-06-30 16:33:07 174
原创 鱼眼镜头
鱼眼镜头示例HTMLCSSJS更多有趣示例 尽在小红砖社区示例HTML<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/88/three.min.js"></script><script id="vertexShader" type="x-shader/x-vertex"> void main() { gl_Position = vec4( position, 1.
2020-06-30 16:28:09 229
原创 旋风(Whirlwind)
旋风(Whirlwind)示例CSSJS更多有趣示例 尽在小红砖社区示例CSSbody { margin: 0; background: #000; overflow:hidden;}canvas { width: 100%; height: 100%; }JSvar TWO_PI = Math.PI * 2;var HALF_PI = Math.PI / 2;var QUARTER_PI = Math.PI / 4;var vLayers = 24; // complex: 10
2020-06-30 16:09:35 424
原创 干扰(noise)
干扰(noise)示例HTMLCSSJS更多有趣示例 尽在小红砖社区示例HTML return x - floor(x * (1.0 / 289.0)) * 289.0;}vec4 mod289(vec4 x) { return x - floor(x * (1.0 / 289.0)) * 289.0;}vec4 permute(vec4 x) { return mod289(((x*34.0)+1.0)*x);}vec4 taylorInvSqrt(vec4 r){
2020-06-30 16:04:14 684
原创 无限缩放基础
无限缩放基础示例HTMLCSSJS更多有趣示例 尽在小红砖社区示例HTML<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/88/three.min.js"></script><script id="vertexShader" type="x-shader/x-vertex"> void main() { gl_Position = vec4( position,
2020-06-30 15:56:25 188
原创 三维模型如何实现设备运维管理平台?
设备运维管理平台示例描述与操作指南应用场景示例效果展示实现步骤第一步 初始化构件查询功能第二步 初始化报警维修功能第三步 初始化管道预览功能相关接口示例描述与操作指南模拟设备发生报警时系统第一时间响应,点选警报按钮,导航至故障点模拟维修场景,维修完成后排除故障,并记录故障序号,同时可在此实例中查找Bim模型内的所有构件,快速准确的查找需要的构件。应用场景以BIM为手段,用数据创造价值,辅助用户完成智慧企业搭建。如智慧管廊、智慧机场、智慧水务、智慧能源、智慧安防、智慧医疗、智慧楼宇等。集成各系统设备及
2020-06-29 17:12:10 647
原创 threeJS如何实现智慧楼宇管理平台
智慧楼宇管理平台示例描述与操作指南示例效果展示应用场景实现步骤第一步 初始化设置功能第二步 初始化查看设备信息功能第三步 初始化重点区域监控功能第四步 初始化热力分布功能相关接口相关示例示例描述与操作指南点击示例内各个功能,可以查看到建筑中的监控图像,了解各个楼层的热力分布,同时可查看各层建筑的构件详情,楼层剖切,也可观察楼层中各系统的占比,更快速的处理建筑中突发情况,实现智慧楼宇的意义。示例效果展示应用场景智慧楼宇管理平台管理系统是智能建筑的主要组成部分之一。智能建筑通过楼宇自动化系统实现建
2020-06-28 17:29:30 5112 2
原创 您有新的BIM订单啦,请查收!
这次疫情打了多少人个措手不及还没开工就失业唯一的收入来源断了 然而,房贷车贷可没断!!!鸡蛋不能放在一个篮子里,永远都要有自己的planB,是当代职场人多么痛的领悟。2020优雅活着攻略出炉除了摆摊,你还有一个更好的选择!-小红砖社区新功能上线-【需求池功能】这里有海量BIM订单,接到你手软的那种哦!稳定平台靠谱单量,让你轻松坐拥高额“睡后收入”,核心技能变现就...
2020-06-24 14:41:47 1343
原创 粒子空间(particle position)
变形空间(Plastic space)示例CSSJS更多有趣示例 尽在小红砖社区示例CSSbody {background-color: #000000; margin: 0px; overflow: hidden;}JSvar camera, scene, renderer, mouseX = 0, mouseY = 0, particles = []; var color = '#D2691E'; var particlesLimit = 1000; var particle
2020-06-19 14:37:30 1914
原创 等离子体(Plasma Science)
等离子体(Plasma Science)示例HTMLCSSJS更多有趣示例 尽在小红砖社区示例HTML<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/88/three.min.js"></script><script id="vertexShader" type="x-shader/x-vertex"> void main() { gl_Position = ve
2020-06-19 14:15:34 524
原创 穿越(pass through)
穿越(pass through)示例HTMLCSSJS更多有趣示例 尽在小红砖社区示例HTML<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/88/three.min.js"></script><script id="vertexShader" type="x-shader/x-vertex"> void main() { gl_Position = vec4(
2020-06-19 14:07:15 420
原创 403error
403error示例HTMLCSSJS更多有趣示例 尽在小红砖社区示例HTML<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/88/three.min.js"></script><script id="vertexShader" type="x-shader/x-vertex"> void main() { gl_Position = vec4( position
2020-06-19 13:57:21 332
原创 无穷复参数
无穷复参数示例HTMLCSSJS更多有趣示例 尽在小红砖社区示例HTML<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/88/three.min.js"></script><script id="vertexShader" type="x-shader/x-vertex"> void main() { gl_Position = vec4( position, 1
2020-06-19 13:51:37 331
原创 背景着色器
着色器示例HTMLCSSJS更多有趣示例 尽在小红砖社区示例HTML<canvas id="main"></canvas><a href="https://twitter.com/JacksonJosephWD" target="_blank">@JacksonJosephWD</a><script src="/libs/threejs/build/three.js"></script><!-- Shaders
2020-06-19 13:39:00 168
原创 播放儿童变形和骨骼动画
播放儿童变形和骨骼动画示例HTMLCSSJS更多有趣示例 尽在小红砖社区示例HTML<div id="container"></div><video id="myVideo" autoplay controls loop width="640" height="320" style="display:none;" crossOrigin="anonymous"> <source src="https://s3-us-west-2.amazonaws.
2020-06-19 11:21:44 224
原创 透明画布纹理
对ThreeJS使用透明画布纹理示例示例HTMLCSSJS更多有趣示例 尽在小红砖社区示例示例HTML<html><head> <script src="https://unpkg.com/three@0.85.0/build/three.min.js"></script> <script src="https://unpkg.com/three@0.85.0/examples/js/Detector.js"><
2020-06-09 14:28:55 220
原创 下雨(rain)
下雨(rain)示例HTMLCSSJS更多有趣示例 尽在小红砖社区示例HTML<html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> &
2020-06-09 14:02:34 276
原创 Neon Love(霓虹爱)
Neon Love(霓虹爱)示例HTMLCSSJS更多有趣示例 尽在小红砖社区示例HTML<body> <canvas id="canvas" width="1400" height="600"></canvas></body>CSSbody { background-color: #000; margin: 0; overflow: hidden; background-repeat: no-repeat;}
2020-06-08 17:57:03 621 1
原创 几种经典的细化算法
几种经典的细化算法Hilditch 算法Deutch 细化算法Pavlidis细化Zhang快速并行算Hilditch 算法Hilditch细化算法为是串行处理方法的一种,最终得到的是 8 条近 邻连接线条。其主要原理是每次扫描并删除图像上满足一定的条件的轮 廓像素,直到图像上不存在可删除的轮廓像素为止。该方法适用于二值图像,即像素为 1 的区域为目标区 域,像素为 0的区域为背景区域的图像。在此算法中,目标像素 P若同 时满足以下条件即为可删除像素:P0+P2+P4+P6≤3Nc=1;Pk(0
2020-06-08 17:37:34 4468 1
原创 智慧屏幕中的能耗数据展示如何实现?
智慧屏幕中的能耗数据展示如何实现示例描述与操作指南示例效果展示实现步骤第一步 添加光源第二步 添加统计图表第三步 添加Dom标签应用场景示例描述与操作指南能耗数据屏幕展示,是以室内灯光场景为例,利用上方的功能按钮交互显示人数占比、用电比例、发电趋势、以及异常行为分析的监控,同时点击区域内灯光的开关功能,可以模拟室内灯光的点亮效果。示例效果展示实现步骤第一步 添加光源/*** @description 创建聚光灯* @param {array} spotLightList 聚光灯所在构件*
2020-06-05 11:21:05 1183
原创 啥?BIM模型二次开发你不会?那还混个P
啥?BIM模型二次开发你不会?那还混个P当前时代,BIM核心其实是提供计算方法,计算方法是可以表现为软件功能。建筑的很多物理属性、管理属性等等可以和几何属性一起参与到建筑相关的计算中来。模型开发是真正的核心=true BIM的这种特征在二维时代无法实现,因为计算机内部的数据表达终于能非常接近真实世界的模型,主要的手段就是Solid Model,就是实体三维模型。实体三维模型在机械计算机辅助设计/制造/工程中大量应用,这一技术被借鉴到BIM中,赋予了BI
2020-06-04 17:48:47 861
原创 radiation vibe
radiation vibe示例HTMLCSSJS更多有趣示例 尽在小红砖社区示例HTML<body> <canvas id="canvas"></canvas></body>CSSbody { background-color: #000; margin: 0; overflow: hidden; background-repeat: no-repeat; display:flex; align-item
2020-06-04 17:00:39 273
原创 Random Password Generator
Random Password Generator示例HTMLCSSJS更多有趣示例 尽在小红砖社区示例HTML<div class="container"> <h2 class="title">Generate Password</h2> <div class="result"> <div class="result__title field-title">Generated Password</div>
2020-06-04 16:56:22 291
原创 SPE Particles(诡异的粒子)
SPE Particles(诡异的粒子)示例HTMLCSSJS更多有趣示例 尽在小红砖社区示例HTML<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>ThreeJS Spinning Cube</title> </head> <body> </body></html>CSS bod
2020-06-04 16:46:25 234
原创 颜色透明(transparency color accuracy)
颜色透明(transparency color accuracy)示例JS更多有趣示例 尽在小红砖社区示例JSvar CUBE_COLOR = 0x00ff00;var SQUARE_COLOR = 0x009cde;var scene = new THREE.Scene();var camera = new THREE.PerspectiveCamera( 50, window.innerWidth/window.innerHeight, 0.1, 1000,);v
2020-06-04 16:38:50 415
原创 2000 Followers-3D CSS text
2000 Followers-3D CSS text示例HTMLCSS更多有趣示例 尽在小红砖社区示例HTML- var density = 12 //Be sure to change $depth on line 1 in the CSS - smaller number gives better performance but worse corners- var text = "2000" //Change to whatever, but it may not fit - change
2020-06-04 16:35:21 163
原创 Not A Gengar(耿鬼)
Not A Gengar(耿鬼)示例HTMLCSS更多有趣示例 尽在小红砖社区示例HTMLmain input(type="checkbox" id="ditto-me") label(for="ditto-me") span .gengar .ear.left .ear.right .hair .hair.two .hand .hand.two .mouth .eye.one .eye.two .legCSSbody { background: #fff; font-family: "
2020-06-04 16:25:48 244
原创 pattern recognition 3(模式识别3)
pattern recognition 3(模式识别3)示例HTMLCSSJS更多有趣示例 尽在小红砖社区示例HTML<canvas id="webgl" width="500" height="1758"></canvas><script id="vertexShader" type="x-shader/x-vertex"> attribute vec4 a_position; uniform mat4 u_modelViewMatrix;
2020-06-04 16:14:47 140
PasteEx.exe
2020-05-08
SweetHome3D-6.2-macosx.dmg
2020-05-08
HiPC_3.4.10.062.exe
2020-05-08
CADReaderPc_5.9.3.59.exe
2020-04-30
ScreenToGif-v2.14.1.rar
2020-04-30
圣诞节元素EPS文件.zip
2019-12-19
小红砖搬砖精灵windows-v1.1.0.rar
2019-08-20
小红砖搬砖精灵MacOS-v1.1.0.rar
2019-08-20
小红砖搬砖精灵linux-v1.1.0.rar
2019-08-20
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人