ithanmang
ithanmang

Three.js - 使用 SceneUtils 工具类 联合材质

因为MeshDepthMaterial没有color属性，所以不能动态的改变材质外部的颜色，但是可以通过SceneUtils工具类的其中一个方法createMultiMaterialObject进行材质联合，来实现颜色的添加。
若不了解 SceneUtils，请查看 17 - three.js 笔记 - SceneUtils 工具类
示例：https://ithanmang.gitee.io/threejs/home/201808/20180806/02-combined-material.html
three.js可以通过材质的联合，创建出新的效果，需要引入SceneUtils.js库文件，这个文件在目录examples\js\utils下。
引入文件

<!--使用联合材质需要引入 SceneUtils 工具类-->
<script src="../../libs/examples/js/utils/SceneUtils.js"></script>

SceneUtils有三个方法

  • createMultiMaterialObject
    这个方法会把各种材质组合到一起，并返回一个 Group对象。

  • attach
    这个方法是将对象子对象添加到父对象上，需要父对象更新矩阵updateMatrixWorld

  • detach
    这个方法是将对象本身从父对象中分离出来，并重新添加到scene中，需要父对象更新矩阵updateMatrixWorld
    所以，可以使用SceneUtils的createMultiMaterialObject，把不带颜色属性的MeshDepthMaterial和别的带颜色属性的材质结合到一起，这样既实现了渐变效果，也实现了颜色的添加。
    这里创建一个基础材质

let basicMaterial = new THREE.MeshBasicMaterial({color: this.color});
basicMaterial.transparent = true;
// 使用叠加混合
basicMaterial.blending = THREE.MultiplyBlending;

let cube = new THREE.SceneUtils.createMultiMaterialObject(cubeGeometry, [cubeMaterial, basicMaterial]);

需要注意的是：
1、负责显示颜色的材质需要把透明打开，否则就会覆盖深度材质只看到基础材质的颜色，无线实现渐变的效果
2、 把混合效果设置成MultiplyBlending叠加混合，这种混合模式会把前景色和背景色叠加。

示例代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>MeshDepthMaterial 联合材质</title>
    <style>
        body {
            margin: 0;
            overflow: hidden; /*溢出隐藏*/
        }
    </style>
    <script src="../../libs/build/three-r93.min.js"></script>
    <script src="../../libs/examples/js/libs/dat.gui.min.js"></script>
    <script src="../../libs/examples/js/libs/stats.min.js"></script>
    <script src="../../libs/examples/js/Detector.js"></script>
    <!--使用联合材质需要引入 SceneUtils 工具类-->
    <script src="../../libs/examples/js/utils/SceneUtils.js"></script>
</head>
<body>
<script>

    let stats = initStats();
    let scene, camera, renderer, guiControls;

    // 场景
    function initScene() {

        scene = new THREE.Scene();
        scene.background = new THREE.Color(0x050505);

    }

    // 相机
    function initCamera() {

        camera = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 20, 150);
        camera.position.set(-50, 40, 50);
        camera.lookAt(new THREE.Vector3(0, 0, 0));

    }

    // 渲染器
    function initRenderer() {

        renderer = new THREE.WebGLRenderer({antialias: true, alpha: true});
        // 渲染范围
        renderer.setSize(window.innerWidth, window.innerHeight);
        document.body.appendChild(renderer.domElement);

    }

    // 调试插件
    function initGui() {

        guiControls = new function () {

            this.sceneBackground = scene.background.getStyle();
            this.cameraNear = camera.near;
            this.cameraFar = camera.far;
            this.numberOfObjects = scene.children.length;

            this.addCube = function () {

                let cubeSize = Math.ceil(3 + (Math.random() * 3));
                let cubeGeometry = new THREE.CubeGeometry(cubeSize, cubeSize, cubeSize);

                let cubeMaterial = new THREE.MeshDepthMaterial();
                let basicMaterial = new THREE.MeshBasicMaterial({color: 0xffffff * Math.random()});
                basicMaterial.transparent = true;
                // 使用叠加混合
                basicMaterial.blending = THREE.MultiplyBlending;

                let cube = new THREE.SceneUtils.createMultiMaterialObject(cubeGeometry, [cubeMaterial, basicMaterial]);

                cube.position.x = -60 + Math.round((Math.random() * 100));
                cube.position.y = Math.round((Math.random() * 10));
                cube.position.z = -100 + Math.round((Math.random() * 150));

                scene.add(cube);
                this.numberOfObjects = scene.children.length;

            };

            this.removeCube = function () {

                let allChildren = scene.children;
                let lastObject = allChildren[allChildren.length - 1];

                if (lastObject.isMesh) {

                    scene.remove(lastObject);

                    this.numberOfObjects = scene.children.length;

                }

            }

        };

        let gui = new dat.GUI({width: 300});

        gui.addColor(guiControls, 'sceneBackground').onChange(function (e) {

            scene.background.setStyle(e);

        });
        gui.add(guiControls, 'cameraNear', 5, 30).onChange(function (e) {

            camera.near = e;
            console.log("camera near :" + camera.near);

        });

        gui.add(guiControls, 'cameraFar', 150, 500).onChange(function (e) {

            camera.far = e;
            console.log("camera far :" + camera.far);
        });

        gui.add(guiControls, 'addCube');
        gui.add(guiControls, 'removeCube');

    }

    // 性能插件
    function initStats() {

        let stats = new Stats();

        stats.domElement.style.position = 'absolute';
        stats.domElement.style.left = '0px';
        stats.domElement.style.top = '0px';

        document.body.appendChild(stats.domElement);

        return stats;
    }

    // 更新
    function update() {

        stats.update();
        // 更新相机矩阵投影, 不然不能通过 gui 来更新相机的远近距离
        camera.updateProjectionMatrix();

        scene.traverse(function (e) {

            if (e.isMesh) {

                e.rotation.x += 0.02;
                e.rotation.y += 0.02;
                e.rotation.z += 0.02;

            }

        });

    }

    // 初始化
    function init() {

        // 兼容性判断，若不兼容会提示信息
        if (!Detector.webgl) Detector.addGetWebGLMessage();

        initScene();
        initCamera();
        initRenderer();
        initGui();

        let i = 0;
        while (i < 20) {

            guiControls.addCube();
            i++;
        }

        window.addEventListener('resize', onWindowResize, false);
    }

    // 窗口变动触发的方法
    function onWindowResize() {

        // 重新设置相机的宽高比
        camera.aspect = window.innerWidth / window.innerHeight;

        // 更新相机投影矩阵
        camera.updateProjectionMatrix();

        // 更新渲染器大小
        renderer.setSize(window.innerWidth, window.innerHeight);

    }

    // 循环渲染
    function animate() {

        requestAnimationFrame(animate);
        renderer.render(scene, camera);
        update();
    }

    // 页面绘制完后加载
    window.onload = function () {

        init();
        animate();

    };

</script>
</body>
</html>

你可能感兴趣的:(ThreeJS开发)

  • 网络安全第14集 不灭锦鲤 web安全安全
    前言：小迪安全14集，这集重点内容：0、什么是js渗透测试？在javascript中也存在变量和函数，存在可控变量和函数就有可能存在在漏洞，js开发的web应用和php、java开发的区别是，js能看得到的源代码，php看不到，但是风险就是未授权访问、配置信息泄露（加密算法、key秘钥等），源代码看得到，存在更多的url泄露，从而可能会出现未授权访问，从url，前提：web应用可以采用前端语言或后
  • Three.js 实战：开启阴影、灯光旋转与阴影清晰度设置详解 技术需要沉淀gogo three.jsjavascript开发语言ecmascript
    在Three.js中，阴影效果是提升真实感的重要手段。本文将从以下三个方面进行系统讲解：如何启用阴影如何让灯光动态旋转以制造动态阴影如何设置阴影的清晰度（shadowmap分辨率）一、开启阴影的关键步骤1.渲染器启用阴影constrenderer=newTHREE.WebGLRenderer({antialias:true});renderer.setSize(window.innerWidth,
  • BabylonJS/Spector.js 浏览器扩展使用完全指南 萧桔格Wilbur
    BabylonJS/Spector.js浏览器扩展使用完全指南什么是Spector.jsSpector.js是一款专为WebGL开发者设计的强大调试工具，它能够捕获并分析WebGL上下文中的所有操作。无论您使用的是Three.js、Babylon.js等流行引擎，还是原生WebGLAPI，Spector.js都能帮助您深入了解每一帧的渲染过程。核心功能完整的命令列表捕获：记录所有WebGL调用及其
  • python sys模块
    模块说明sys模块是python标准库中的一个模块，是一个与python解释器交互的接口。sys模块提供了解释器使用和维护的一些变量的访问，以及提供一些函数来处理python运行时环境的不同部分。通用工具脚本经常调用命令行参数。这些命令行参数以链表形式存储于sys模块的argv变量。例如在命令行中执行“pythondemo.pyonetwothree”后可以得到以下输出结果：>>>importsy
  • 【vue-8】Vue3 Options API 生命周期函数全面解析 AllenBright #Vuevue.js前端javascript
    在Vue.js开发中，理解组件的生命周期是构建健壮应用程序的关键。虽然Vue3引入了CompositionAPI，但OptionsAPI仍然是许多开发者的首选，特别是对于从Vue2迁移的项目或更喜欢基于选项的代码组织的团队。本文将深入探讨Vue3中OptionsAPI的生命周期函数，帮助您掌握组件从创建到销毁的完整过程。1.生命周期概览Vue3的生命周期与Vue2相比有一些变化，主要是为了更好的支
  • PostGIS面试题及详细答案120道之 （021-030 ） 还是大剑师兰特 大剑师postgis面试题
    《前后端面试题》专栏集合了前后端各个知识模块的面试题，包括html，javascript，css，vue，react，java，Openlayers，leaflet，cesium，mapboxGL，threejs，nodejs，mangoDB，MySQL，Linux…。前后端面试题-专栏总目录文章目录一、本文面试题目录21.为什么要在PostGIS中使用空间索引？22.PostGIS支持哪些类型的
  • Java面试题及详细答案120道之（081-100） 还是大剑师兰特 前后端面试题大剑师java面试题
    《前后端面试题》专栏集合了前后端各个知识模块的面试题，包括html，javascript，css，vue，react，java，Openlayers，leaflet，cesium，mapboxGL，threejs，nodejs，mangoDB，MySQL，Linux…。前后端面试题-专栏总目录文章目录一、本文面试题目录81.Java中的`ConcurrentHashMap`与`HashMap`在并
  • Openlayers 面试题及答案180道（41-60） 还是大剑师兰特 #前后端面试题大剑师Openlayers面试题Openlayers示例Openlayers教程
    《前后端面试题》专栏集合了前后端各个知识模块的面试题，包括html，javascript，css，vue，react，java，Openlayers，leaflet，cesium，mapboxGL，threejs，nodejs，mangoDB，MySQL，Linux…。前后端面试题-专栏总目录文章目录一、本文面试题目录41.如何在OpenLayers中加载WFS数据？42.在OpenLayers中
  • CSS面试题及详细答案140道之（41-60） 还是大剑师兰特 前后端面试题css前端大剑师CSS面试CSS示例
    《前后端面试题》专栏集合了前后端各个知识模块的面试题，包括html，javascript，css，vue，react，java，Openlayers，leaflet，cesium，mapboxGL，threejs，nodejs，mangoDB，MySQL，Linux…。前后端面试题-专栏总目录文章目录一、本文面试题目录41.如何在不使用额外标记的情况下隐藏文本但保留其可访问性？42.解释`text
  • Java面试题及详细答案120道之（041-060） 还是大剑师兰特 前后端面试题大剑师java面试题
    《前后端面试题》专栏集合了前后端各个知识模块的面试题，包括html，javascript，css，vue，react，java，Openlayers，leaflet，cesium，mapboxGL，threejs，nodejs，mangoDB，MySQL，Linux…。前后端面试题-专栏总目录文章目录一、本文面试题目录41.什么是工厂模式？简单工厂、工厂方法、抽象工厂的区别？42.Java中的泛型
  • 2018.8.15【Day337】今日所读：《Harry Potter1》P255-361 _原野
    图片发自AppDidoWhilereadingthisbook,myheart'sbeenintothesadmoodaboutlovemixingwiththefunnytoneofRowlingandwarmththatWeasleys'familygaveme.Don'twannasaymuch.【1】FriendshipThreechildrenfoundoneanotherinthatu
  • Java面试题及详细答案120道之（021-040） 还是大剑师兰特 前后端面试题大剑师java面试题
    《前后端面试题》专栏集合了前后端各个知识模块的面试题，包括html，javascript，css，vue，react，java，Openlayers，leaflet，cesium，mapboxGL，threejs，nodejs，mangoDB，MySQL，Linux…。前后端面试题-专栏总目录文章目录一、本文面试题目录21.对象在java中如何序列化？22.Java中的try…catch是用于异常
  • LeetCode | 0994. Rotting Oranges腐烂的橘子【Python】 Wonz
    LeetCode0994.RottingOranges腐烂的橘子【Easy】【Python】【BFS】ProblemLeetCodeInagivengrid,eachcellcanhaveoneofthreevalues:thevalue0representinganemptycell;thevalue1representingafreshorange;thevalue2representinga
  • Vue3 面试题及详细答案120道（91-105 ）
    《前后端面试题》专栏集合了前后端各个知识模块的面试题，包括html，javascript，css，vue，react，java，Openlayers，leaflet，cesium，mapboxGL，threejs，nodejs，mangoDB，MySQL，Linux…。前后端面试题-专栏总目录文章目录一、本文面试题目录91.Vue3中如何使用`v-once`优化性能？92.请解释Vue3中`toR
  • 计算机网络-深入浅出 TCP三次握手和四次挥手 世纪摆渡人 计算机网络计算机网络tcp/ip网络TCP三次握手和四次挥手
    TCP三次握手和四次挥手详解（Java视角）TCP（传输控制协议）是一种面向连接的、可靠的传输层协议。在建立和终止TCP连接时，分别需要进行三次握手和四次挥手过程。三次握手（Three-wayHandshake）过程详解客户端服务器|||----SYN(seq=x)---->|1.客户端发送连接请求||3.客户端确认连接建立|(连接已建立)|各步骤说明第一次握手：客户端发送SYN包（同步序列编号）
  • Beautiful Soup 关联选择中的父节点和祖先节点、兄弟节点、提取信息 日落_3d9f
    转载自：https://blog.csdn.net/qq_42732153/article/details/81105725Python用BeautifulSoup解析选择的节点元素子节点和子孙节点html="""TheDormouse'sstoryOnceuponatimetherewerethreelittlesisters;andtheirnameswereElsieLacieandTill
  • Vue UEditor Wrap JS：实现富文本编辑器的Vue组件 技术驱动者 javascriptvue.js前端js
    VueUEditorWrapJS：实现富文本编辑器的Vue组件在Vue.js开发中，经常需要使用富文本编辑器来处理用户输入的富文本内容。Vue-UEditor-Wrap是一个方便的Vue组件，它将百度UEditor富文本编辑器封装成了一个可直接在Vue项目中使用的组件。本文将详细介绍如何使用Vue-UEditor-Wrap来实现富文本编辑器功能。首先，我们需要安装Vue-UEditor-Wrap。
  • 64. Three.js案例-创建并旋转多个立方体 MossGrower #ThreejsjavascriptThree.js旋转translateX
    64.Three.js案例-创建并旋转多个立方体实现效果在浏览器中，可以看到两个立方体分别位于场景的不同位置，并且一个立方体持续绕Y轴旋转。知识点THREE.WebGLRenderer用于创建渲染器实例，支持抗锯齿处理。构造器THREE.WebGLRenderer(parameters)参数类型描述parameters.antialiasBoolean是否启用抗锯齿，默认为false。方法setS
  • uni-app跨平台开发知识点总结
    uni-app简介uni-app概述：uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。uni-app由来：是为了解决跨平台开发的问题。在移动应用开发中，不同平台（如iOS、Android）有不同的开发语言和技术栈，这导致开发者
  • Ts.ED框架全面解析：基于TypeScript的现代化Node.js开发利器 陆欣瑶
    Ts.ED框架全面解析：基于TypeScript的现代化Node.js开发利器什么是Ts.ED框架？Ts.ED是一个基于TypeScript构建的现代化Node.js/Bun.js框架，它在Express.js/Koa.js/Fastify.js等流行HTTP服务器之上提供了更高层次的抽象。这个框架专为提高开发者体验而设计，通过丰富的装饰器和清晰的代码组织结构，让后端开发变得更加高效和愉悦。核心特
  • Lily的Scalers Talk第八轮新概念朗读持续力训练Day219 2023-07-06 草木Lily
    Lesson14-1TheButterflyEffectBeyondtwoorthreedays,theworld'sbestweatherforecastsarespeculative,andbeyondsixorseventheyareworthless.TheButterflyEffectisthereason.Forsmallpiecesofweather--andtoaglobalfor
  • Three ways to run a python script file captainOO7 python
    Pythonoffersthreedistinctwaystorunascriptormodule,andeachoneaffectssys.path,__name__,andimportbehaviorinsubtlebutimportantways.Let’sbreakthemdownclearly:TheThreeWaystoRunPythonCode1.DirectScriptExecut
  • error ‘vue‘ 不是内部或外部命令，也不是可运行的程序或批处理文件 [Windows/Mac/Linux 系统解决方案大全]
    error‘vue‘不是内部或外部命令，也不是可运行的程序或批处理文件[Windows/Mac/Linux系统解决方案大全]在使用Vue.js开发时，常常会遇到如下错误提示：'vue'不是内部或外部命令，也不是可运行的程序或批处理文件。这是因为系统无法识别vue命令，可能源于多种原因：未安装或未正确配置环境变量、VueCLI未安装、Node.js管理工具（如nvm）切换版本后未重新全局安装等。作者
  • nestjs[一文学懂nestjs中对npm功能包的封装，ioredis封装示例] 墨水白云 npm前端node.js
    问题描述NPM（NodePackageManager）是Node.js的包管理工具，它允许开发者轻松地分享、安装和管理依赖包，促进了代码的复用性和项目协作。而npm插件库将是nodejs开发中不可缺失的重要组成因素。在nestjs中，官方已经给我们开发了一系列各种各样的封装功能让我们能够快速的进行开发。然而实际应用中，我们在开发的过程中任然需要引入各种各样的插件工具，因此学会封装nestjs组件功
  • 使用位运算优化 Vue.js 应用：高效状态管理技巧 结城 vuevue.js前端javascript
    在Vue.js开发中，位运算（BitwiseOperations）是一种高效的工具，尤其适用于需要管理大量布尔状态或优化性能的场景。位运算通过操作二进制位来实现状态的存储和检查，相比传统的数组或对象操作，内存占用更低，执行速度更快。本篇博客将介绍如何在Vue.js中应用位运算技巧，结合Vue的响应式系统实现高效的状态管理。读vue3响应式源码有感https://github.com/vuejs/c
  • Three.js入门：创建第一个3D场景 薯条说影 Three.js3D场景创建跨平台设置安全异常处理HTML骨架搭建
    背景简介Three.js是一个轻量级的3D图形库，它让Web开发者能够在浏览器中创建和显示3D图形。本章介绍如何设置环境以开始使用Three.js，包括不同操作系统下的安装步骤、安全异常处理以及基本的HTML骨架创建。安装与设置操作系统兼容性：Three.js的使用不仅限于Windows系统。对于其他操作系统，如Linux和MacOS，需要将可执行文件复制到目标目录，并通过命令行启动。无论是哪种操
  • Three.js入门第一步：两种方式搭建你的3D项目[特殊字符]️
    上一篇我们聊了学习Three.js前的“地基”知识，现在地基牢固，该正式动工了！在创造炫酷的3D世界之前，我们得先把开发环境给搭好。官方手册提供了两种主流的安装方式，分别适用于不同场景。选对方法，事半功倍！方式一：CDN+Importmap(极速上手)这是官方最为推荐的、也是最简单的入门方式，尤其适合学习、做小练习、或者快速验证一个想法。优点：无需安装任何东西！只需要一个能联网的浏览器。操作方法：
  • 基于taro开发微信小程序（二） 哈哈哈哈蜜瓜 微信小程序taro小程序
    参考文档目录结构|Taro文档目录项目运行起来之后，了解一下目录├──dist编译结果目录|├──config项目编译配置目录|├──index.js默认配置|├──dev.js开发环境配置|└──prod.js生产环境配置|├──src源码目录|├──pages页面文件目录||└──indexindex页面目录||├──index.jsindex页面逻辑||├──index.cssindex页面
  • node.js 为什么要装 express组件 思静鱼 node.jsnode.jsexpress
    在Node.js中安装Express组件（框架）主要是为了解决以下核心问题：1.原生Node.js开发HTTP服务的痛点原生http模块虽然能创建服务器，但需要手动处理大量底层细节：consthttp=require('http');constserver=http.createServer((req,res)=>{//需要手动解析URL、HTTP方法、请求头等if(req.url==='/'&&
  • 决胜千里：三国 v2.0（Victory of Kilomiles Away：Three Kingdoms）免安装中文版 2501_91797003 开发语言java
    网盘链接：决胜千里：三国v2.0免安装中文版名称：决胜千里：三国v2.0（VictoryofKilomilesAway：ThreeKingdoms）免安装中文版描述：《决胜千里：三国》是一款融合战略与角色养成的史诗级三国题材游戏，玩家将亲历从黄巾之乱到三国鼎立的波澜壮阔历史！游戏独创"动态天命"系统，每位武将都有隐藏的"命格值"——关羽的义绝、曹操的奸雄等特质会在特定事件中触发历史名场面。从舌战群
  • [黑洞与暗粒子]没有光的世界 comsci
         无论是相对论还是其它现代物理学,都显然有个缺陷,那就是必须有光才能够计算      但是,我相信,在我们的世界和宇宙平面中,肯定存在没有光的世界....      那么,在没有光的世界,光子和其它粒子的规律无法被应用和考察,那么以光速为核心的 &nbs
  • jQuery Lazy Load 图片延迟加载 aijuans jquery
    基于 jQuery 的图片延迟加载插件，在用户滚动页面到图片之后才进行加载。 对于有较多的图片的网页，使用图片延迟加载，能有效的提高页面加载速度。 版本： jQuery v1.4.4+ jQuery Lazy Load v1.7.2 注意事项： 需要真正实现图片延迟加载，必须将真实图片地址写在 data-original 属性中。若 src
  • 使用Jodd的优点 Kai_Ge jodd
    1.  简化和统一 controller ，抛弃 extends SimpleFormController ，统一使用 implements Controller 的方式。 2.  简化 JSP 页面的 bind, 不需要一个字段一个字段的绑定。 3.  对 bean 没有任何要求，可以使用任意的 bean 做为 formBean。   使用方法简介
  • jpa Query转hibernate Query 120153216 Hibernate
    public List<Map> getMapList(String hql, Map map) { org.hibernate.Query jpaQuery = entityManager.createQuery(hql); if (null != map) { for (String parameter : map.keySet()) { jp
  • Django_Python3添加MySQL/MariaDB支持 2002wmj mariaDB
    现状 首先，[email protected] 中默认的引擎为 django.db.backends.mysql 。但是在Python3中如果这样写的话，会发现 django.db.backends.mysql 依赖 MySQLdb[5] ，而 MySQLdb 又不兼容 Python3 于是要找一种新的方式来继续使用MySQL。 MySQL官方的方案 首先据MySQL文档[3]说，自从MySQL
  • 在SQLSERVER中查找消耗IO最多的SQL 357029540 SQL Server
    返回做IO数目最多的50条语句以及它们的执行计划。 select top 50   (total_logical_reads/execution_count) as avg_logical_reads,  (total_logical_writes/execution_count) as avg_logical_writes,  (tot
  • spring UnChecked 异常 官方定义！ 7454103 spring
      如果你接触过spring的 事物管理！那么你必须明白 spring的 非捕获异常！ 即 unchecked 异常！ 因为 spring 默认这类异常事物自动回滚！！ public static boolean isCheckedException(Throwable ex) { return !(ex instanceof RuntimeExcep
  • mongoDB 入门指南、示例 adminjun javamongodb操作
    一、准备工作 1、 下载mongoDB 下载地址：http://www.mongodb.org/downloads 选择合适你的版本 相关文档：http://www.mongodb.org/display/DOCS/Tutorial 2、 安装mongoDB A、 不解压模式： 将下载下来的mongoDB-xxx.zip打开，找到bin目录，运行mongod.exe就可以启动服务，默
  • CUDA 5 Release Candidate Now Available aijuans CUDA
    The CUDA 5 Release Candidate is now available at http://developer.nvidia.com/<wbr></wbr>cuda/cuda-pre-production. Now applicable to a broader set of algorithms, CUDA 5 has advanced fe
  • Essential Studio for WinRT网格控件测评 Axiba JavaScripthtml5
    Essential Studio for WinRT界面控件包含了商业平板应用程序开发中所需的所有控件，如市场上运行速度最快的grid 和chart、地图、RDL报表查看器、丰富的文本查看器及图表等等。同时，该控件还包含了一组独特的库，用于从WinRT应用程序中生成Excel、Word以及PDF格式的文件。此文将对其另外一个强大的控件——网格控件进行专门的测评详述。 网格控件功能 1、
  • java 获取windows系统安装的证书或证书链 bewithme windows
          有时需要获取windows系统安装的证书或证书链，比如说你要通过证书来创建java的密钥库  。 有关证书链的解释可以查看此处 。   public static void main(String[] args) { SunMSCAPI providerMSCAPI = new SunMSCAPI(); S
  • NoSQL数据库之Redis数据库管理(set类型和zset类型) bijian1013 redis数据库NoSQL
    4.sets类型         Set是集合，它是string类型的无序集合。set是通过hash table实现的，添加、删除和查找的复杂度都是O(1)。对集合我们可以取并集、交集、差集。通过这些操作我们可以实现sns中的好友推荐和blog的tag功能。         sadd：向名称为key的set中添加元
  • 异常捕获何时用Exception，何时用Throwable bingyingao
    用Exception的情况 try {        //可能发生空指针、数组溢出等异常         } catch (Exception e) {          
  • 【Kafka四】Kakfa伪分布式安装 bit1129 kafka
    在http://bit1129.iteye.com/blog/2174791一文中，实现了单Kafka服务器的安装，在Kafka中，每个Kafka服务器称为一个broker。本文简单介绍下，在单机环境下Kafka的伪分布式安装和测试验证   1. 安装步骤   Kafka伪分布式安装的思路跟Zookeeper的伪分布式安装思路完全一样，不过比Zookeeper稍微简单些(不
  • Project Euler bookjovi haskell
    Project Euler是个数学问题求解网站，网站设计的很有意思，有很多problem，在未提交正确答案前不能查看problem的overview，也不能查看关于problem的discussion thread，只能看到现在problem已经被多少人解决了，人数越多往往代表问题越容易。     看看problem 1吧： Add all the natural num
  • Java-Collections Framework学习与总结-ArrayDeque BrokenDreams Collections
            表、栈和队列是三种基本的数据结构，前面总结的ArrayList和LinkedList可以作为任意一种数据结构来使用，当然由于实现方式的不同，操作的效率也会不同。         这篇要看一下java.util.ArrayDeque。从命名上看
  • 读《研磨设计模式》-代码笔记-装饰模式-Decorator bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.io.BufferedOutputStream; import java.io.DataOutputStream; import java.io.FileOutputStream; import java.io.Fi
  • Maven学习(一) chenyu19891124 Maven私服
        学习一门技术和工具总得花费一段时间，5月底6月初自己学习了一些工具，maven+Hudson+nexus的搭建，对于maven以前只是听说，顺便再自己的电脑上搭建了一个maven环境，但是完全不了解maven这一强大的构建工具，还有ant也是一个构建工具，但ant就没有maven那么的简单方便，其实简单点说maven是一个运用命令行就能完成构建，测试，打包，发布一系列功
  • [原创]JWFD工作流引擎设计----节点匹配搜索算法(用于初步解决条件异步汇聚问题) 补充 comsci 算法工作PHP搜索引擎嵌入式
    本文主要介绍在JWFD工作流引擎设计中遇到的一个实际问题的解决方案，请参考我的博文"带条件选择的并行汇聚路由问题"中图例A2描述的情况(http://comsci.iteye.com/blog/339756),我现在把我对图例A2的一个解决方案公布出来，请大家多指点 节点匹配搜索算法(用于解决标准对称流程图条件汇聚点运行控制参数的算法) 需要解决的问题：已知分支
  • Linux中用shell获取昨天、明天或多天前的日期 daizj linuxshell上几年昨天获取上几个月
    在Linux中可以通过date命令获取昨天、明天、上个月、下个月、上一年和下一年 # 获取昨天 date -d 'yesterday'  # 或 date -d 'last day' # 获取明天 date -d 'tomorrow'   # 或 date -d 'next day' # 获取上个月 date -d 'last month' #
  • 我所理解的云计算 dongwei_6688 云计算
          在刚开始接触到一个概念时，人们往往都会去探寻这个概念的含义，以达到对其有一个感性的认知，在Wikipedia上关于“云计算”是这么定义的，它说：        Cloud computing is a phrase used to describe a variety of computing co
  • YII CMenu配置 dcj3sjt126com yii
    Adding id and class names to CMenu We use the id and htmlOptions to accomplish this. Watch. //in your view $this->widget('zii.widgets.CMenu', array( 'id'=>'myMenu', 'items'=>$this-&g
  • 设计模式之静态代理与动态代理 come_for_dream 设计模式
    静态代理与动态代理        代理模式是java开发中用到的相对比较多的设计模式，其中的思想就是主业务和相关业务分离。所谓的代理设计就是指由一个代理主题来操作真实主题，真实主题执行具体的业务操作，而代理主题负责其他相关业务的处理。比如我们在进行删除操作的时候需要检验一下用户是否登陆，我们可以删除看成主业务，而把检验用户是否登陆看成其相关业务
  • 【转】理解Javascript 系列 gcc2ge JavaScript
    理解Javascript_13_执行模型详解 摘要: 在《理解Javascript_12_执行模型浅析》一文中,我们初步的了解了执行上下文与作用域的概念，那么这一篇将深入分析执行上下文的构建过程，了解执行上下文、函数对象、作用域三者之间的关系。函数执行环境简单的代码:当调用say方法时，第一步是创建其执行环境，在创建执行环境的过程中，会按照定义的先后顺序完成一系列操作:1.首先会创建一个
  • Subsets II hcx2013 set
    Given a collection of integers that might contain duplicates, nums, return all possible subsets. Note: Elements in a subset must be in non-descending order. The solution set must not conta
  • Spring4.1新特性——Spring缓存框架增强 jinnianshilongnian spring4
    目录 Spring4.1新特性——综述 Spring4.1新特性——Spring核心部分及其他 Spring4.1新特性——Spring缓存框架增强 Spring4.1新特性——异步调用和事件机制的异常处理 Spring4.1新特性——数据库集成测试脚本初始化 Spring4.1新特性——Spring MVC增强 Spring4.1新特性——页面自动化测试框架Spring MVC T
  • shell嵌套expect执行命令 liyonghui160com
        一直都想把expect的操作写到bash脚本里,这样就不用我再写两个脚本来执行了,搞了一下午终于有点小成就,给大家看看吧.   系统:centos 5.x   1.先安装expect yum -y install expect   2.脚本内容: cat auto_svn.sh   #!/bin/bash
  • Linux实用命令整理 pda158 linux
    0. 基本命令 　　linux 基本命令整理 　 　1. 压缩 解压 　　tar -zcvf a.tar.gz a   #把a压缩成a.tar.gz 　　tar -zxvf a.tar.gz     #把a.tar.gz解压成a 　 　2. vim小结 　　2.1 vim替换 　　:m,ns/word_1/word_2/gc  
  • 独立开发人员通向成功的29个小贴士 shoothao 独立开发
    概述：本文收集了关于独立开发人员通向成功需要注意的一些东西,对于具体的每个贴士的注解有兴趣的朋友可以查看下面标注的原文地址。 明白你从事独立开发的原因和目的。 保持坚持制定计划的好习惯。 万事开头难，第一份订单是关键。 培养多元化业务技能。 提供卓越的服务和品质。 谨小慎微。 营销是必备技能。 学会组织，有条理的工作才是最有效率的。 “独立
  • JAVA中堆栈和内存分配原理 uule java
    1、栈、堆 1.寄存器：最快的存储区, 由编译器根据需求进行分配,我们在程序中无法控制.2. 栈：存放基本类型的变量数据和对象的引用，但对象本身不存放在栈中，而是存放在堆（new 出来的对象）或者常量池中（字符串常量对象存放在常量池中。）3. 堆：存放所有new出来的对象。4. 静态域：存放静态成员（static定义的）5. 常量池：存放字符串常量和基本类型常量（public static f
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他