自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

知屋安砖

三维模型开发就来知屋安砖→zhuanspace.com

  • 博客(33)
  • 资源 (14)
  • 收藏
  • 关注

原创 一分钟实现模型对比功能,快来体验BIM模型版找你妹吧!<BIM去油间-第二期>

【BIM去油间】第二期来袭!带你玩转BIM模型版“找你妹”BIM去油间第二期上线,BIM界的找你妹玩过吗?没玩过?? 赶紧的!模型开发新玩法,来小红砖看如何一分钟实现模型对比功能,玩转BIM模型版“找你妹”!点击评论区第一条,了解更多!...

2020-07-27 10:12:45 296 1

原创 三维模型如何一分钟实现构件查询功能<BIM去油间-第一期>

【BIM去油间】神秘NPC带你玩转BIM应用开发

2020-07-24 16:55:58 265

原创 舞厅

舞厅示例HTMLCSSJS更多有趣示例 尽在小红砖社区示例HTML<div id="info"> <a href="http://threejs.org" target="_blank" rel="noopener">three.js</a> <p>Drag for rotation - Mouse Wheel for Zoom</p></div>CSShtml, body { width: 100vw;

2020-07-21 11:40:11 434

原创 在神圣的领域

在神圣的领域示例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-07-21 11:31:44 96

原创 宇宙:时空之旅

宇宙:时空之旅示例HTML更多有趣示例 尽在小红砖社区示例HTML<div id="space-container"></div><div id="space-container-top"></div><img class="cosmos center" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/1037366/cosmos.png" />html, body { m

2020-07-21 11:26:36 135

原创 交互式三角形背景

交互式三角形背景示例CSS更多有趣示例 尽在小红砖社区示例CSShtml,body { margin: 0; padding: 0; width: 100%; height: 100%;}canvas { position: fixed; width: 100%; height: 100%;}var conf, scene, camera, cameraCtrl, renderer;var objects, meshes;var trucRadius

2020-07-21 11:20:35 149

原创 扭曲(overflow)

扭曲示例CSSJS更多有趣示例 尽在小红砖社区示例CSSbody { overflow: hidden;}JSvar w = window.innerWidth, h = window.innerHeight;var scene = new THREE.Scene();var camera = new THREE.PerspectiveCamera(75, w/h, 0.1,1000);camera.position.z = 250;var renderer =

2020-07-21 11:12:07 129

原创 粒子成像(Flocked)

积累成相Flocked示例HTML更多有趣示例 尽在小红砖社区示例HTML<div class="controls"> <div class="line selection"><label class="customWrapper">custom<input type="file" id="custom"></label></div> <label class="line"> <span>Int

2020-07-21 11:08:54 240

原创 A matter of gravity

A matter of gravity示例HTML更多有趣示例 尽在小红砖社区示例HTML<!-- arrow describing a clockwise rotation --><svg style="display: none;" viewBox="0 0 100 100" width="200" height="200"> <g id="arrow-right" stroke="currentColor" stroke-width="10" stro

2020-07-21 11:04:39 140

原创 时光涟漪

时光涟漪示例HTML更多有趣示例 尽在小红砖社区示例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-07-21 11:01:27 130

原创 材质2.0底部工具栏运动设计与交互(material 2.0 bottom toolbar motion design & interaction)

材质2.0底部工具栏运动设计与交互material 2.0 bottom toolbar motion design & interaction示例HTML更多有趣示例 尽在小红砖社区示例HTML<div class="sc-bottom-bar"> <a class="sc-menu-item"> <i class="fas fa-list"></i> </a> <a clas

2020-07-21 10:57:36 210 2

原创 三维模型中如何展现火焰

火焰示例示例描述与操作指南示例效果展示实现步骤相关示例相关接口示例描述与操作指南当前示例为展示火焰效果的示例。通过简单代码,使得火焰效果展示于页面上,用户可调整火焰大小以及火焰位置在建筑物上。示例效果展示实现步骤第一步 监听点击构件监听点击构件// 监听点击构件component.on("click", function (event) { if (disabled || !pickStatus) { return; } component.rem

2020-07-20 17:05:04 645

原创 Audio Viz+Acid

Audio Viz+Acid示例HTMLCSSJS更多有趣示例 尽在小红砖社区示例HTML <input type="file" id="thefile" accept="audio/*" /> <audio id="audio" controls></audio><script id="vertex" type="x-shader/x-fragment"> #define PI 3.14159265358979323846 u

2020-07-14 18:06:54 132

原创 裁切平面(clipping plane)

裁切平面(clipping plane)示例HTML更多有趣示例 尽在小红砖社区示例HTML<!DOCTYPE html><html lang="en"> <head> <title>three.js webgl - clipIntersection</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-wid

2020-07-14 18:00:26 2437

原创 p5纹理(p5 texture)

p5 texture示例HTMLCSSJS更多有趣示例 尽在小红砖社区示例HTML<body> <div id='container'></div></body>CSSbody { margin: 0; display: flex; justify-content: center; align-items: center; background: black;}canvas:not(#p5Canvas) { width

2020-07-14 17:35:50 180

原创 Wire Typo

Wire Typo示例HTMLCSSJS更多有趣示例 尽在小红砖社区示例HTML#canvas-wrapper(aria-label='wire')CSSbody { height: 100vh; background-color: #212121; // black background: radial-gradient(circle, rgba(2,0,36,1) 0%, rgba(46,46,46,1) 0%, rgba(0,0,0,1) 100%); margin: 0;

2020-07-14 17:20:35 152

原创 气球滑块(Balloon Slider)

气球滑块(Balloon Slider)示例HTMLCSSJS更多有趣示例 尽在小红砖社区示例HTML<div id="slider"></div><!-- dribbble --><a class="dribbble" href="https://dribbble.com/shots/7515563-Balloon-Slider" target="_blank"><img src="https://cdn.dribbble.com/as

2020-07-14 17:12:43 225

原创 字母三角形(AlphabetTriangle)

字母三角形(AlphabetTriangle)示例HTMLCSSJS更多有趣示例 尽在小红砖社区示例HTML<html lang="en"><head> <title>AlphabetTriangle</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale

2020-07-14 17:07:16 1639

原创 illustration-Rolex(劳力士水鬼)

illustration-Rolex(劳力士)示例HTMLCSSJS更多有趣示例 尽在小红砖社区示例HTML// HTML isn't organized very well.rolex .band .crown .bezel - for (var x = 1; x < 16; x++) i.bez .bezel-gradient i.bez-five-min ul.bez-num li 10 li 20 li 30

2020-07-14 16:57:18 228

原创 OK Boomer

OK Boomer示例HTMLCSSJS更多有趣示例 尽在小红砖社区示例HTML#wrap -3.times do .cube .front %h1{"data-splitting" => "chars"} OKBO .left %h1{"data-splitting" => "chars"} OMER .right %h1{"data-splitting" => "chars"} OMER .b

2020-07-14 16:50:46 235

原创 渲染草地地形

渲染草地地形示例HTMLCSSJS更多有趣示例 尽在小红砖社区示例HTML<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/61062/map.png" crossorigin="anonymous" id="map">CSS*{ margin:0; box-sizing:border-box;}body{ background:linear-gradient(#00ADFF 0%,#eee 100%)

2020-07-09 12:20:22 229

原创 太阳系之旅:木星

太阳系之旅:木星示例HTMLCSSJS更多有趣示例 尽在小红砖社区示例HTML<div id="jupiterloc"></div><article id="jupiterinfo"><h1></h1> <div> <p> <p> </div></article>CSS@import url('https://fonts.googleap

2020-07-09 12:17:59 189

原创 银河系

银河系示例HTMLCSSJS更多有趣示例 尽在小红砖社区示例HTML<script id='vShader' type='x-vertex/x-shader'> uniform float size; uniform float t; uniform float z; uniform float pixelRatio; varying vec3 vPosition; varying vec3 mPosition;//modified position

2020-07-09 12:09:25 230

原创 无限的火焰

无限的火焰示例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-07-09 12:08:31 186

原创 云cloud

云cloud示例HTMLCSSJS更多有趣示例 尽在小红砖社区示例HTML<!--Visit this project on GitHub at https://github.com/enesser/low-poly-clouds-webgl-->CSSbody { background-color: #000; color: #fff; font: 14px "Lucida Grande", Helvetica, Arial, sans-serif

2020-07-09 12:05:11 322

原创 灯光摆动(light pendulum)

灯光摆动light pendulum示例HTMLCSS更多有趣示例 尽在小红砖社区示例HTML<svg viewBox="-50 0 700 300"> <defs> <clipPath id="text-1"> <text id="Mask" font-family="Montserrat-Black, Montserrat" font-size="200" font-weight="700" letter-spacing="

2020-07-09 12:02:10 174

原创 女巫煎蛋(omelette for a witch)

女巫煎蛋omelette for a witch示例HTMLcssJS更多有趣示例 尽在小红砖社区示例HTML<div id="scene-container"></div><button id="btn-animate"></button><script id="vertex_shader" type="x-shader/x-vertex">varying vec3 vNormal;void main() { vNo

2020-07-09 11:58:58 235

原创 迷失太空

迷失在太空示例HTMLCSSJS更多有趣示例 尽在小红砖社区示例HTML<div id="universe"/><footer> <a target="_blank" href="https://www.made-on-mars.com"><svg id="Calque_logo2" data-name="Calque logo2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 13

2020-07-09 11:54:45 156

原创 船舱角落

船舱示例CSSJS更多有趣示例 尽在小红砖社区示例CSSbody { background-color: #000; margin: 0; overflow: hidden; padding: 0;}JS/** * @file * The main scene. *//** * Define constants. */const TEXTURE_PATH = 'https://s3-us-west-2.amazonaws.com/s.cdpn.io/1238

2020-07-08 15:23:46 199

原创 Low Poly Experiment

Low Poly Experiment示例HTMLCSS更多有趣示例 尽在小红砖社区示例HTML<svg class="mainSVG" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 600"><defs> <polygon id="liquid"></polygon> <clipPath id="mainMask"> <polygon points="402.1

2020-07-08 15:14:02 413

原创 风吹柳叶(Curtain creeper)

Curtain creeper示例CSSJS更多有趣示例 尽在小红砖社区示例CSShtml,body { margin: 0; padding: 0; height: 100%;}body { user-select:none; background-color: #000; display: flex; align-items: center; justify-content: center; overflow: hidden;}canvas {

2020-07-08 15:10:25 253

原创 趋势图(stacked area chart composition)

stacked area chart composition示例HTMLJS更多有趣示例 尽在小红砖社区示例HTML<script src="https://code.highcharts.com/highcharts.js"></script><script src="https://code.highcharts.com/modules/exporting.js"></script><script src="https://code.h

2020-07-08 15:05:23 309

原创 button hover

button hover示例HTMLCSS更多有趣示例 尽在小红砖社区示例HTML<div class="buttons"> <div class="container"> <h1>歪みエフェクト</h1> <p>Distortion Effect</p> <a href="https://twitter.com/masuwa1018" class="btn effect04" d

2020-07-08 13:43:13 306

最好用的弹窗拦截.exe

知乎简书上最好评的弹窗拦截,可以进行自定义黑白名单设置,智能拦截。随心所欲 知乎简书上最好评的弹窗拦截,可以进行自定义黑白名单设置,智能拦截。随心所欲

2020-05-08

PasteEx.exe

不知道你有没有遇到过这样的场景: 从网页上复制了一段文字,想将它保存为 txt 文件,这时候就需要打开记事本,将复制的文本粘贴进去,然后另存为…… QQ截图生成了一张图片,想保存在文件夹,点击保存按钮,选择文件夹…… 处理一两次还好,一旦要重复做很多次,简直有要骂娘的冲动。 类似这种重复工作其实是很适合自动化的,终于,我们发现了一款这样的软件,功能非常简单,随手复制任何内容,一键粘贴为文件,而这款高效神器就是——PasteEx

2020-05-08

SweetHome3D-6.2-macosx.dmg

Sweet Home 3D是一个免费的室内装潢设计软件,它能帮你通过二维的家居平面图来设计和布置你的家俱,还可以用3D的视角预览整个装修布局的全貌。 Sweet Home 3D可以运行在Windows,Mac OS X,Linux和Solaris平台,支持包括中文在内的16中语言。 Sweet Home 3D是一个位于SourceForge上的开源项目,基于GNU General Public License发布。 该版本为OS版本 苹果专用!!

2020-05-08

HiPC_3.4.10.062.exe

HiPC是一款在手机(微信小程序)集中监视与简单控制一台或多台电脑的PC移动助手。 用手机,免装APP直接在微信操作,远程关机、远程打开软件、远程读取硬盘文件、远程截屏、远程监视控制你家里的电脑、办公室的电脑或各家连锁店的电脑。

2020-05-08

CADReaderPc_5.9.3.59.exe

支持天正建筑、天正给排水、天正暖通、天正电气的CAD看图工具。 1、极速—闪电启动速度,打开CAD图纸快人一步 2、全面—完整显示布局、图案填充、自动匹配所有字体乱码,无处可寻 3、高端—业内支持天正建筑、天正给排水、天正暖通、天正电气的CAD看图产品 4、科技—内置WiFi直连电脑、云盘功能、轻松传图 5、服务—专业团队为您提供即时CAD看图服务,让您无后顾之忧 6、功能—易用的“所见即所得”的打印方式,自由设置打印范围

2020-04-30

ScreenToGif-v2.14.1.rar

视频图片转换 上传视频或多张图片,从视频/图片导入帧,逐帧编辑后一键转换为GIF动态图片 高质量生成GIF 操作简单,录制停止后自动跳至编辑画面,即时制作GIF图像,画质清晰文件小,便于传输和存储 快速预览生成 编辑过程中,可实时预览GIF动图效果,界面友好,简单直观,让你快速get到最佳GIF图

2020-04-30

圣诞节元素EPS文件.zip

圣诞节的背景元素可做各种背景-矢量素材,设计师、前端专用 圣诞节的背景元素可做各种背景-矢量素材,设计师、前端专用圣诞节的背景元素可做各种背景-矢量素材,设计师、前端专用

2019-12-19

十四期引导图无水印.zip

BIM考试真题,总结图学会的考试真题,里面涵盖第十四期考试真题

2019-11-11

百度官网认证的产品资料.doc

百度官网认证简介介绍,对百度相关网络收取费用明细说明

2019-09-23

ChinazSEOTool.exe

网站优化最佳工具,可实时监控网页端数据及网站抓取关键词,流量等

2019-09-19

有颜色带国家名称的图标.zip

用于国家名称的图标,共计278个国家,里面涵盖国家地理位置及国旗

2019-09-11

小红砖搬砖精灵windows-v1.1.0.rar

小红砖搬砖精灵,是针对小红砖开放平台的一款数据同步与自服务管理工具。其主要功能是,将云端已经解析完成、提取完成的模型数据同步至本地,在本地进行接口调用来实现数据自服务。方便小微型企业及个人用户对自有模型及相关数据进行本地管理,增加数据安全性;数据离线可用,提高数据获取与使用效率。其中,可同步的数据有基本数据、属性数据、几何数据、glTF数据、模型外轮廓数据等。 小红砖搬砖精灵主要实现两大功能。一数据同步,只需要选择模型与相关数据(包括基本数据、属性数据、几何数据、glTF数据、模型外轮廓数据等),点击同步,即可将数据同步至本地。二数据自服务,数据在本地可以离线使用,即通过为用户在本地开放数据获取接口来获得模型的相关数据。三数据查看,将数据以界面的形式展示出来,直观清晰,使用方便。

2019-08-20

小红砖搬砖精灵MacOS-v1.1.0.rar

小红砖搬砖精灵,是针对小红砖开放平台的一款数据同步与自服务管理工具。其主要功能是,将云端已经解析完成、提取完成的模型数据同步至本地,在本地进行接口调用来实现数据自服务。方便小微型企业及个人用户对自有模型及相关数据进行本地管理,增加数据安全性;数据离线可用,提高数据获取与使用效率。其中,可同步的数据有基本数据、属性数据、几何数据、glTF数据、模型外轮廓数据等。 小红砖搬砖精灵主要实现两大功能。一数据同步,只需要选择模型与相关数据(包括基本数据、属性数据、几何数据、glTF数据、模型外轮廓数据等),点击同步,即可将数据同步至本地。二数据自服务,数据在本地可以离线使用,即通过为用户在本地开放数据获取接口来获得模型的相关数据。三数据查看,将数据以界面的形式展示出来,直观清晰,使用方便。

2019-08-20

小红砖搬砖精灵linux-v1.1.0.rar

小红砖搬砖精灵,是针对小红砖开放平台的一款数据同步与自服务管理工具。其主要功能是,将云端已经解析完成、提取完成的模型数据同步至本地,在本地进行接口调用来实现数据自服务。方便小微型企业及个人用户对自有模型及相关数据进行本地管理,增加数据安全性;数据离线可用,提高数据获取与使用效率。其中,可同步的数据有基本数据、属性数据、几何数据、glTF数据、模型外轮廓数据等。 小红砖搬砖精灵主要实现两大功能。一数据同步,只需要选择模型与相关数据(包括基本数据、属性数据、几何数据、glTF数据、模型外轮廓数据等),点击同步,即可将数据同步至本地。二数据自服务,数据在本地可以离线使用,即通过为用户在本地开放数据获取接口来获得模型的相关数据。三数据查看,将数据以界面的形式展示出来,直观清晰,使用方便。

2019-08-20

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除