chen_227
chen_227

Orillusion次时代 WebGPU 引擎

Orillusion 次时代 WebGPU 引擎

官网: https://www.orillusion.com/
教程: https://www.orillusion.com/guide/
Orillusion 引擎是一款完全支持 WebGPU 标准的轻量级渲染引擎。基于最新的 Web 图形API标准，我们做了大量的探索和尝试，实现了很多曾经在 Web 中很难实现或者根本实现不了的技术和功能。我们自己从以下几个方面对引擎的架构和功能特点做出了总结。

使用之前需要安装最新的Chrome/Edge浏览器
还需要安装python3

第一个demo

1. 编写index.html

在本地文件夹Orillusion下新建index.html,把如下代码粘进去

DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>1My first Orillusion apptitle>
	<style>
		body {
			margin: 0;
		}
	style>
head>

<body>
	
	<script type="importmap">
	{
	  "imports": {
		"@orillusion/core": "https://unpkg.com/@orillusion/core/dist/orillusion.es.js",
		"@orillusion/stats": "https://unpkg.com/@orillusion/stats/dist/stats.es.js"
	  }
	}
	script>
	
	<script type="module">

		import { Engine3D, Scene3D, Object3D, Camera3D, LitMaterial, BoxGeometry, MeshRenderer, DirectLight, HoverCameraController, View3D, AtmosphericComponent } from '@orillusion/core'
		import { Stats } from "@orillusion/stats"

		async function demo() {

			// initializa engine
			await Engine3D.init()
			// create new scene as root node
			let scene3D = new Scene3D()
			// add an Atmospheric sky enviroment
			let sky = scene3D.addComponent(AtmosphericComponent)
			sky.sunY = 0.6
			// create camera
			let cameraObj = new Object3D()
			let camera = cameraObj.addComponent(Camera3D)
			// adjust camera view
			camera.perspective(60, Engine3D.aspect, 1, 5000.0)
			// set camera controller
			let controller = cameraObj.addComponent(HoverCameraController)
			controller.setCamera(0, 0, 15)
			// add camera node
			scene3D.addChild(cameraObj)
			// create light
			let light = new Object3D()
			// add direct light component
			let component = light.addComponent(DirectLight)
			// adjust lighting
			light.rotationX = 45
			light.rotationY = 30
			component.intensity = 1
			// add light object
			scene3D.addChild(light)
			// create new object
			const obj = new Object3D()
			// add MeshRenderer
			let mr = obj.addComponent(MeshRenderer)
			// set geometry
			mr.geometry = new BoxGeometry(5, 5, 5)
			// set material
			mr.material = new LitMaterial()
			// set rotation
			obj.rotationY = 45
			// add object
			scene3D.addChild(obj)
			// create a view with target scene and camera
			let view = new View3D()
			view.scene = scene3D
			view.camera = camera
			// start render
			Engine3D.startRenderView(view)

		}
		demo()
	script>
body>

html>

2. python运行简易服务器

命令行运行如下命令 -d 后面跟本地文件夹路径

python -m http.server 9000 -d D:\chenchao\web3dprojects\Orillusion

3. 用Edge浏览器打开http://127.0.1.1:9000/

Orillusion次时代 WebGPU 引擎_第1张图片

你可能感兴趣的:(webgpu,web3d,webgpu)

  • 如何开发一个Web 3D引擎 易之阴阳 数字孪生3D技术前端开发技术3d
    开发一个Web3D引擎是一项复杂且具有挑战性的任务，涉及计算机图形学、Web技术、性能优化等多个领域的知识。以下是一份详细的步骤指南，帮助您逐步创建一个Web3D引擎：1.确定项目目标与技术栈确定目标：明确引擎要支持的功能特性，如基本的3D模型加载、材质渲染、光照处理、动画系统、物理模拟、碰撞检测、脚本支持、后期处理效果等。还要考虑是否支持特定行业需求，如GIS集成、BIM数据处理等。选择技术栈：
  • 博物馆实景复刻如何实现？需要哪些技术？ jimumeta 虚拟展厅vr虚拟现实虚拟展厅视创云展3D博物馆数字博物馆实景复刻
    实景复刻虚拟博物馆是指通过采集线下真实博物馆场景的信息，利用三维建模技术、Web3D技术等，对博物馆进行1:1像素级还原，构建一个高度逼真的线上虚拟博物馆，在网络上呈现给公众。视创云展依托其自研的WEBGL核心引擎和模型实时渲染展示技术，结合全景效果图，为博物馆的实景复刻提供了高效、逼真的解决方案。一、实景复刻博物馆的特点1、高度还原：能够精准复制博物馆的真实场景，包括建筑外观、内部布局、展品细节
  • 在浏览器上使用transformers.js运行（WebGPU）RMBG-1.4进行抠图（背景移除） shizidushu WebGPUtransformers.jsRMBG-1.4抠图
    在浏览器上使用transformers.js运行（WebGPU）RMBG-1.4进行抠图（背景移除）说明：首次发表日期：2024-08-28官方Github仓库地址：https://github.com/xenova/transformers.js/tree/main/examples/remove-background-client准备下载onnx模型文件:https://huggingface
  • 资讯｜WebGPU必将成为Web生态的新未来！ 前端
    1WebGPU简介经过六年的开发和测试，今年5月2日谷歌正式宣布Chrome将从版本113开始提供WebGPU支持，从而在ChromeOS、Windows和macOS设备上实现逼真的渲染视觉效果和复杂的计算。WebGPU为Web生态的发展开创了的新可能性。它可以为沉浸式虚拟世界、交互式数据可视化、高级功能的图像和视频编辑、物理仿真、机器学习等提供支持，所有这些都可以在浏览器中运行。同时，WebGP
  • 扫盲：什么是webGPU，和webGL对比哪些优点？ 贝格前端工场 webglwebGPUunity3D
    web端的3D图像渲染，大都采用webGL，不过其性能让大家很崩溃，webGPU的出现，让大家看到了访问加速的可能，本文通过对比webGPU与webGL，给老铁们普及一下。老铁们如有数据可视化的设计和开发需求，可以随时私信贝格前端工场。一、web3D图像渲染是webGL的天下WebGL是一种用于在Web浏览器中实现高性能、交互式3D和2D图形应用程序的图形API。它基于OpenGLES2.0标准，
  • 基于WebGPU的AI原生3D引擎将会迎来新机遇！Orillusion在GOTC上做主题演讲！ 前端
    全球开源技术峰会（GlobalOpen-sourceTechnologyConferencGOTC2023由开放原子开源基金会、Linux基金会亚太区、上海浦东软件园和开源中国联合发起，于5月27日至28日在上海顺利举行。GOTC是面向全球开发者的一场盛大开源技术盛宴，大会以行业展览、主题发言、专题论坛、开源市集的形式展现，与会者将一起探讨元宇宙、3D与游戏、eBPF、Web3.0、区块链等热门技
  • Unity,UE,webGPU区别 Ybb_studyRecord 笔记unity游戏引擎UEwebGPU
    Unity,UE,webGPU区别UnityUEwebGPUUE和Unity技术选型UE和Unity都是游戏引擎。Unity1.2D游戏2.手机游戏和switch游戏插件不友好，需要写C#，需要手写框架懂json，需要解析和使用操作界面更好用UE1.3D2.主要发布在PC3.游戏玩法传统或者传统主流4.不太会美术5.不想用代码写游戏比Unity更吃性能自带很多素材包常规主流的游戏开发有蓝图（地基）
  • 【白话前端】快速区分webGL，webGPU，unity3D和UE4 贝格前端工场 前端webglue4unity3dthree.jsweb3d
    在3D图形渲染的渲染领域，很多友友们对上述概念傻傻分不清，站在前端开发角度，我用简单语言说下，结论在文章最后。一、四者都能进行3D图形渲染它们之间有一些区别，下面我将对它们进行简单的区分：WebGPU：WebGPU是一种Web图形API，是基于底层的GPU硬件架构设计的，可以更好地利用现代GPU的并行计算能力，提供更高的图形渲染性能。WebGPU可以在Web浏览器中使用，同时也可以在其他平台上使用
  • WebGPU Inter-stage 变量 你大爷的,这都没注册了 webgpuwebgl3d
    1.webgpuInter-stage变量Inter-stage变量在顶点着色器和片段着色器之间发挥作用。这里我们声明了一个结构体struct，这是在顶点着色器和片段着色器之间增加Inter-stage变量的一种简便方法。structOurVertexShaderOutput{@builtin(position)position:vec4f,@location(0)color:vec4f}然后，我
  • H5官网模板分享2 秋天的程序员
    前端交流群：123552714分享有用的、实用的的前端技术和资料。H5，VueJS，Web3D，NodeJS....所有前端的技术都可以在这里找到。欢迎各位加群交流今天分享两个官网的前端模板，源码请加群下载。H5-003-forty预览H5-004-helios前端交流群：123552714分享有用的、实用的的前端技术和资料。H5，VueJS，Web3D，NodeJS....所有前端的技术都可以在
  • 数字孪生智慧能源电力Web3D可视化云平台合集 数维图2D3D前端可视化 智慧场景方案前端html53d物联网
    前言能源电力的经济发展是中国式现代化的强大动力，是经济社会发展的必要生产要素，电力成本变化直接关系到工业生产、交通运输、农业生产、居民生活等各个方面，合理、经济的能源成本能够促进社会用能服务水平提升、支撑区域产业发展，加快推动经济社会转型。场景展示风能发电“智慧风场”以数字化、信息化、标准化为基础，以管控一体化、大数据、云平台、物联网为平台，以数字孪生技术为辅助，以计算资源的弹性配置为保障，以异构
  • 【WebGPU】简介和开始 prinTao WebGPU服务器前端网络
    简介WebGPU是一种API，用于在Web应用中访问GPU的功能。在WebGPU出现之前，有一个WebGL，它提供了WebGPU的部分功能。它开创了一种新的富媒体Web内容类别，并且开发者也利用它构建了许多精彩的内容。不过，它基于2007年发布的OpenGLES2.0API，而该API基于更旧的OpenGLAPI。在那段时间里，GPU取得了显著进步，用来与GPU进行交互的原生API也在与Direc
  • 黑色金属厂房3d数据可视化综合平台进一步保障生产效率 VRARvrnew3d vr3d数字孪生公司3D可视化可视化
    在当今的数字化时代，钢铁厂面临着降本增效、绿色环保、安全第一等发展问题，亟需寻找更有效的解决方案，数字孪生公司深圳华锐视点利用先进的数字孪生可视化、web3D开发和VR虚拟仿真技术制作数字孪生钢铁厂可视化管控平台，实现对钢铁厂区生产工艺流程、生产设备等重要指标细节信息全面查询和监测，为决策分析提供依据。炼钢工艺展示依托3D可视化组态技术，将整个炼钢工艺流程以3D组态图的形式进行展示，实现对车间生产
  • WEB 3D技术 three.js 3D贺卡(2) 加入天空与水面效果 -耿瑞- 前端3djavascript
    上文WEB3D技术three.js3D贺卡(1)搭建基本项目环境我们简单搭了一个贺卡雏形然后我们要引入一个hdr的一个天空的效果所以我们需要在代码中导入RGBELoader//导入RGBELoaderhdr工具import{RGBELoader}from"three/examples/jsm/loaders/RGBELoader";这里大家可以选择下载我的hdr资源WEB3D技术three.js3
  • WEB 3D技术 three.js 3D贺卡(3) 点光源灯光动画效果 -耿瑞- 前端3djavascript
    经过上文WEB3D技术three.js3D贺卡(2)加入天空与水面效果我们将水面和天空的效果搭建了一下那么我们将四周点光源的效果做一下首先我们将renderer.toneMappingExposure的值改为0.1让效果看着明显一点这样整个界面就会暗下来然后我们在任意位置加入代码//添加点光源constpointLight=newTHREE.PointLight(0xff0000,100);poi
  • Web3D编程入门总结——WebGL与Three.js基础介绍 我爱丁丁猫 前端web3dwebglthree.jshtml5canvasglsl
    1/*在这里对这段时间学习的3D编程知识做个总结，以备再次出发。计划分成“webgl与three.js基础介绍”、“面向对象的基础3D场景框架编写”、“模型导入与简单3D游戏编写”三个部分，其他零散知识以后有机会再总结。*/2/*第一部分，webgl与three.js基础介绍，要求读者掌握JavaScript入门知识*/3//webgl原理：通过JavaScript语言在浏览器端生成glsl代码，
  • three.js学习笔记 day1-2 github_czy javascript学习开发语言
    1.three.js是什么开发Web3D应用的js封装类2.three.js需要怎么上手2.1引入2.2三要数（场景，照相机，渲染器）首先，场景是一个容器，主要用于保存、跟踪所要渲染的物体和使用的光源。如果没有场景，Three.js就无法渲染任何物体。其次，摄相机决定了能够在场景中看到什么，即屏幕上哪些东西需要渲染。最后，渲染器是基于摄相机的角度来计算场景对象在浏览器中会渲染成什么样子，然后调用底
  • WEB 3D技术 three.js 阴影属性 -耿瑞- 前端3djavascript
    上文WEB3D技术three.js光照与阴影我们说了阴影那么我们继续将阴影的属性目前我们的代码import'./style.css'import*asTHREEfrom"three";import{OrbitControls}from"three/examples/jsm/controls/OrbitControls.js";//创建相机constcamera=newTHREE.Perspecti
  • 船舶3d虚拟展厅线上制作降低展示成本 VRARvrnew3d vr虚拟现实船舶3D展厅虚拟展厅
    VR线上虚拟展厅漫游搭建平台是一种新兴的技术，它能够为用户提供更加真实、沉浸式的体验。目前，市场上有许多公司提供VR线上虚拟展厅漫游搭建平台技术服务，为客户提供全方位的支持。首先，这些公司通常会提供专业的策划和设计服务。根据客户的需求和目标，为客户量身定制一个独特的VR线上虚拟展厅方案。在策划和设计过程中充分考虑用户体验。其次，这些公司还会提供技术支持。我们拥有一支专业的技术团队Web3d展厅_A
  • Three.js一起学-对比WebGL和Three.js的渲染流程 一拳小和尚LXY Three.js前端Three.jsWebGL
    前言大家好，我是一拳~对web3D感兴趣的同学一定对WebGL和Three.js不陌生了，前者是web端实现3D场景的不二之选，后者也是业界应用最广泛，认可度最高的web端3D渲染引擎之一。Three.js说白了就是一个封装了WebGL大量繁琐底层操作的3D渲染库，他可以降低我们着手web3D开发的门槛，提高web3D开发的效率。下面我们就通过一个旋转立方体的例子对比使用Three.js和直接使用
  • BabylonJS(一) 前言-为什么想写这个系列 arwind gao 3D开发3d3d开发webglwebgpubabylonjs
    先开篇吐槽下吧，我是奔着6.0和WebGPU来的，网上各种评测也很优秀，社区活跃，打算入坑。但......babylonjs中文资料相对于Threejs、Unity简直是太少了..之前有个中文站点，好像也没啥人维护了，大部分deepdive的文章都是没有翻译的，而且6.0+也有很多更新的文章，新接口更是没人翻译，加了所谓的Babylon中文网QQ群，基本也是没有啥有很大意义的发现，各种群里灌水。遇
  • 航天航空线束工艺3D虚拟展馆支持多人异地参观漫游 VRARvrnew3d vr虚拟现实虚拟展示虚拟仿真线束
    为了满足汽车线束企业员工工作需要，让新老员工了解到更先进、规范的线束工艺设计技术，华锐视点基于VR虚拟仿真、web3d开发和图形图像技术制作了一款汽车线束工艺设计VR虚拟仿真模拟展示系统。汽车线束工艺设计VR虚拟仿真模拟展示系统共分为pc电脑端和VR端，电脑端提供虚拟设计和模拟试验环节，VR端则能将制作好的线束图360度多角度呈现，此外在VR端的汽车线束工艺展示大厅中，还提供汽车线束工艺设计知识讲
  • WEB 3D技术 three.js通过 GLTFLoader 导入并应用 gltf/glb 3D资源 -耿瑞- 前端3djavascript
    上文WEB3D技术three.js雾基础使用讲解我们讲了雾的基本使用方法但是如果我们要做一个树林一颗一颗树去加那真的是要累死了我们一定是在建模软件上建模好这样的模型然后将模型导入到场景中官网中搜索GLTFLoader在我们日常WEB开发中用的最多的3D格式就是GLTF这里我们需要一个glb或者gltf文件可以直接访问https://www.webvrmodel.com/php/static/mod
  • SuperMap iClient3D for WebGL/WebGPU 坐标系&位置（1） —— Cartesian2 supermapsupport 三维GIS3dwebglSuperMap
    目录一、Cartesian笛卡尔坐标系1.二维笛卡尔直角坐标系Cartesian2（x,y）1.1获取Cartesian21.2Cartesian2的构建1.2.1单位向量1.2.2数组构建Cartesian2fromArray(array,startingIndex,result)1.2.3Cartesian3构建Cartesian2fromCartesian3(cartesian,result
  • 轻量封装WebGPU渲染系统示例＜55＞- 顶点数据更新 含影 GPU/CPUWebGL/WebGPU3D引擎3dWebGPU
    当前示例源码github地址:https://github.com/vilyLei/voxwebgpu/blob/feature/material/src/voxgpu/sample/VertexUpdateTest.ts当前示例运行效果:此示例基于此渲染系统实现，当前示例TypeScript源码如下:exportclassVertexUpdateTest{privatemRscene=newRe
  • SuperMap iClient3D for WebGL/WebGPU ——地形影像 supermapsupport 三维GIS3dwebglSuperMap
    目录一、地形影像1、引用部分1.widgets.css2.pretty.css3.jquery.min.js4.spectrum.js6.config.js2、代码部分2.1引擎的使用2.2初始化添加地形2.2.1proxy：服务代理2.2.2requestWaterMask：水面特效2.2.3ellipsoid:椭球体2.2.4credit：描述信息2.2.5isSct：是否为iServer发布
  • SuperMap iClient3D for WebGL/WebGPU ——颜色（1） supermapsupport 三维GIS3dwebglSuperMap
    目录1.颜色模块2.Color(red,green,blue,alpha)3.Color的一些其他方法3.1数值运算3.1.1add(left,right,result)融合颜色3.1.2subtract(left,right,result)两颜色分量差值运算3.1.3mod(left,right,result)余数运算3.1.4multiply(left,right,result)两颜色分量乘积
  • 【超图】SuperMap iClient3D for WebGL/WebGPU —— 坐标系&位置 —— Cartesian2 老孟爱吃Taco 三维超图webgl自主客户端SuperMapwebgl3djavascript
    作者：taco说到关于地理必然逃不开位置的关系。借用百度百科的内容来说地理学（geography），是研究地球表层空间地理要素或者地理综合体空间分布规律、时间演变过程和区域特征的一门学科。所以位置&坐标系必然逃不掉了。那么在SuperMapiClient3DforWebGL/WebGPU中包含了哪些坐标系信息呢？一、Cartesian笛卡尔坐标系可能说到笛卡尔坐标系，对于一个毕业多年的人来说，或者
  • WEB 3D技术 three.js 色彩空间讲解 -耿瑞- 前端javascript3d
    上文WEB3D技术three.js设置环境贴图高光贴图场景设置光照贴图我们讲了基础材质的各种纹理但是我们的图片到了界面场景中好像绿的程度有点不太一样了这里的话涉及到我们的色彩空间他有两种一种是线性的一种是sRGB类型的线性呢就是根据光照强度去均匀分布的一种效果sRGB则是根据人眼的一个观察来调整颜色的我们可以编写代码如下letmap=textureLoader.load("./public/log
  • WEB 3D技术 three.js 设置环境贴图 高光贴图 场景设置 光照贴图 -耿瑞- 前端3djavascript
    上文WEB3D技术three.js基础网格材质演示几何体贴图ao贴图效果我们简单构建了一个贴图和ao贴图的几何体材质我们接下来来看一下透明度贴图我们还是官网搜索MeshBasicMaterial然后是我们的alphaMap属性这里黑色为完全透明白色完全不透明黑白之间还有灰色这个灰色的灰值就是透明度这里我们直接用alphaMap上贴图这样图形就明显有些透明效果了但是会上面也说了他会开始转变为黑白灰色
  • html页面js获取参数值 0624chenhong html
    1.js获取参数值js function GetQueryString(name) {      var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");      var r = windo
  • MongoDB 在多线程高并发下的问题 BigCat2013 mongodbDB高并发重复数据
    最近项目用到 MongoDB , 主要是一些读取数据及改状态位的操作. 因为是结合了最近流行的 Storm进行大数据的分析处理，并将分析结果插入Vertica数据库，所以在多线程高并发的情境下, 会发现 Vertica 数据库中有部分重复的数据. 这到底是什么原因导致的呢？笔者开始也是一筹莫 展，重复去看 MongoDB 的 API , 终于有了新发现 ： com.mongodb.DB 这个类有
  • c++ 用类模版实现链表(c++语言程序设计第四版示例代码) CrazyMizzz 数据结构C++
    #include<iostream> #include<cassert> using namespace std; template<class T> class Node { private: Node<T> * next; public: T data;
  • 最近情况 麦田的设计者 感慨考试生活
       在五月黄梅天的岁月里，一年两次的软考又要开始了。到目前为止，我已经考了多达三次的软考，最后的结果就是通过了初级考试（程序员）。人啊，就是不满足，考了初级就希望考中级，于是，这学期我就报考了中级，明天就要考试。感觉机会不大，期待奇迹发生吧。这个学期忙于练车，写项目，反正最后是一团糟。后天还要考试科目二。这个星期真的是很艰难的一周，希望能快点度过。   
  • linux系统中用pkill踢出在线登录用户 被触发 linux
    由于linux服务器允许多用户登录，公司很多人知道密码，工作造成一定的障碍所以需要有时踢出指定的用户 1/#who   查出当前有那些终端登录（用 w 命令更详细） # who root     pts/0        2010-10-28 09:36 (192
  • 仿QQ聊天第二版 肆无忌惮_ qq
    在第一版之上的改进内容:  第一版链接: http://479001499.iteye.com/admin/blogs/2100893   用map存起来号码对应的聊天窗口对象,解决私聊的时候所有消息发到一个窗口的问题. 增加ViewInfo类,这个是信息预览的窗口,如果是自己的信息,则可以进行编辑.   信息修改后上传至服务器再告诉所有用户,自己的窗口
  • java读取配置文件 知了ing
    1，java读取.properties配置文件 InputStream in; try { in = test.class.getClassLoader().getResourceAsStream("config/ipnetOracle.properties");//配置文件的路径 Properties p = new Properties()
  • __attribute__ 你知多少？ 矮蛋蛋 C++gcc
    原文地址: http://www.cnblogs.com/astwish/p/3460618.html GNU C 的一大特色就是__attribute__ 机制。__attribute__ 可以设置函数属性（Function Attribute ）、变量属性（Variable Attribute ）和类型属性（Type Attribute ）。 __attribute__ 书写特征是：
  • jsoup使用笔记 alleni123 java爬虫JSoup
    <dependency> <groupId>org.jsoup</groupId> <artifactId>jsoup</artifactId> <version>1.7.3</version> </dependency> 2014/08/28 今天遇到这种形式，
  • JAVA中的集合 Collectio 和Map的简单使用及方法 百合不是茶 listmapset
             List ,set ,map的使用方法和区别 java容器类类库的用途是保存对象，并将其分为两个概念：     Collection集合：一个独立的序列，这些序列都服从一条或多条规则;List必须按顺序保存元素  ，set不能重复元素；Queue按照排队规则来确定对象产生的顺序（通常与他们被插入的
  • 杀LINUX的JOB进程 bijian1013 linuxunix
    今天发现数据库一个JOB一直在执行，都执行了好几个小时还在执行，所以想办法给删除掉   系统环境：    ORACLE 10G    Linux操作系统   操作步骤如下： 第一步.查询出来那个job在运行，找个对应的SID字段 select * from dba_jobs_running--找到job对应的sid &n
  • Spring AOP详解 bijian1013 javaspringAOP
            最近项目中遇到了以下几点需求，仔细思考之后，觉得采用AOP来解决。一方面是为了以更加灵活的方式来解决问题，另一方面是借此机会深入学习Spring AOP相关的内容。例如，以下需求不用AOP肯定也能解决，至于是否牵强附会，仁者见仁智者见智。 1.对部分函数的调用进行日志记录，用于观察特定问题在运行过程中的函数调用
  • [Gson六]Gson类型适配器(TypeAdapter) bit1129 Adapter
    TypeAdapter的使用动机  Gson在序列化和反序列化时，默认情况下，是按照POJO类的字段属性名和JSON串键进行一一映射匹配，然后把JSON串的键对应的值转换成POJO相同字段对应的值，反之亦然，在这个过程中有一个JSON串Key对应的Value和对象之间如何转换(序列化/反序列化)的问题。   以Date为例，在序列化和反序列化时，Gson默认使用java.
  • 【spark八十七】给定Driver Program， 如何判断哪些代码在Driver运行，哪些代码在Worker上执行 bit1129 driver
    Driver Program是用户编写的提交给Spark集群执行的application，它包含两部分 作为驱动： Driver与Master、Worker协作完成application进程的启动、DAG划分、计算任务封装、计算任务分发到各个计算节点(Worker)、计算资源的分配等。 计算逻辑本身，当计算任务在Worker执行时，执行计算逻辑完成application的计算任务
  • nginx 经验总结 ronin47 nginx 总结
    　　　深感nginx的强大，只学了皮毛，把学下的记录。 　　　获取Header 信息，一般是以$http_XX（ＸＸ是小写）            获取body,通过接口，再展开，根据Ｋ取Ｖ 　　　获取uri,以$arg_XX      &n
  • 轩辕互动-1.求三个整数中第二大的数2.整型数组的平衡点 bylijinnan 数组
    import java.util.ArrayList; import java.util.Arrays; import java.util.List; public class ExoWeb { public static void main(String[] args) { ExoWeb ew=new ExoWeb(); System.out.pri
  • Netty源码学习-Java-NIO-Reactor bylijinnan java多线程netty
    Netty里面采用了NIO-based Reactor Pattern 了解这个模式对学习Netty非常有帮助 参考以下两篇文章： http://jeewanthad.blogspot.com/2013/02/reactor-pattern-explained-part-1.html http://gee.cs.oswego.edu/dl/cpjslides/nio.pdf
  • AOP通俗理解 cngolon springAOP
    1.我所知道的aop     初看aop,上来就是一大堆术语，而且还有个拉风的名字，面向切面编程，都说是OOP的一种有益补充等等。一下子让你不知所措，心想着：怪不得很多人都和 我说aop多难多难。当我看进去以后，我才发现：它就是一些java基础上的朴实无华的应用，包括ioc，包括许许多多这样的名词，都是万变不离其宗而 已。 2.为什么用aop&nb
  • cursor variable 实例 ctrain variable
    create or replace procedure proc_test01 as type emp_row is record( empno emp.empno%type, ename emp.ename%type, job emp.job%type, mgr emp.mgr%type, hiberdate emp.hiredate%type, sal emp.sal%t
  • shell报bash: service: command not found解决方法 daizj linuxshellservicejps
    今天在执行一个脚本时，本来是想在脚本中启动hdfs和hive等程序，可以在执行到service hive-server start等启动服务的命令时会报错，最终解决方法记录一下：   脚本报错如下： ./olap_quick_intall.sh: line 57: service: command not found ./olap_quick_intall.sh: line 59
  • 40个迹象表明你还是PHP菜鸟 dcj3sjt126com 设计模式PHP正则表达式oop
    你是PHP菜鸟，如果你：1. 不会利用如phpDoc 这样的工具来恰当地注释你的代码2. 对优秀的集成开发环境如Zend Studio 或Eclipse PDT 视而不见3. 从未用过任何形式的版本控制系统，如Subclipse4. 不采用某种编码与命名标准 ，以及通用约定，不能在项目开发周期里贯彻落实5. 不使用统一开发方式6. 不转换（或）也不验证某些输入或SQL查询串（译注：参考PHP相关函
  • Android逐帧动画的实现 dcj3sjt126com android
    一、代码实现： private ImageView iv; private AnimationDrawable ad; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout
  • java远程调用linux的命令或者脚本 eksliang linuxganymed-ssh2
    转载请出自出处： http://eksliang.iteye.com/blog/2105862        Java通过SSH2协议执行远程Shell脚本(ganymed-ssh2-build210.jar)   使用步骤如下： 1.导包 官网下载: http://www.ganymed.ethz.ch/ssh2/ ma
  • adb端口被占用问题 gqdy365 adb
    最近重新安装的电脑，配置了新环境，老是出现： adb server is out of date. killing... ADB server didn't ACK * failed to start daemon * 百度了一下，说是端口被占用，我开个eclipse，然后打开cmd，就提示这个，很烦人。 一个比较彻底的解决办法就是修改
  • ASP.NET使用FileUpload上传文件 hvt .netC#hovertreeasp.netwebform
    前台代码： <asp:FileUpload ID="fuKeleyi" runat="server" /> <asp:Button ID="BtnUp" runat="server" onclick="BtnUp_Click" Text="上 传" />
  • 代码之谜（四）- 浮点数（从惊讶到思考） justjavac 浮点数精度代码之谜IEEE
    在『代码之谜』系列的前几篇文章中，很多次出现了浮点数。 浮点数在很多编程语言中被称为简单数据类型，其实，浮点数比起那些复杂数据类型（比如字符串）来说， 一点都不简单。 单单是说明 IEEE浮点数 就可以写一本书了，我将用几篇博文来简单的说说我所理解的浮点数，算是抛砖引玉吧。 一次面试 记得多年前我招聘 Java 程序员时的一次关于浮点数、二分法、编码的面试， 多年以后，他已经称为了一名很出色的
  • 数据结构随记_1 lx.asymmetric 数据结构笔记
    第一章   1.数据结构包括数据的 逻辑结构、数据的物理/存储结构和数据的逻辑关系这三个方面的内容。 2.数据的存储结构可用四种基本的存储方法表示，它们分别是 顺序存储、链式存储 、索引存储 和 散列存储。 3.数据运算最常用的有五种，分别是  查找/检索、排序、插入、删除、修改。 4.算法主要有以下五个特性：  输入、输出、可行性、确定性和有穷性。 5.算法分析的
  • linux的会话和进程组 网络接口 linux
    会话： 一个或多个进程组。起于用户登录，终止于用户退出。此期间所有进程都属于这个会话期。会话首进程：调用setsid创建会话的进程1.规定组长进程不能调用setsid，因为调用setsid后，调用进程会成为新的进程组的组长进程.如何保证？ 先调用fork，然后终止父进程，此时由于子进程的进程组ID为父进程的进程组ID，而子进程的ID是重新分配的，所以保证子进程不会是进程组长，从而子进程可以调用se
  • 二维数组 元素的连续求解 1140566087 二维数组ACM
    import java.util.HashMap; public class Title { public static void main(String[] args){ f(); } // 二位数组的应用 //12、二维数组中，哪一行或哪一列的连续存放的0的个数最多，是几个0。注意，是“连续”。 public static void f(){
  • 也谈什么时候Java比C++快 windshome javaC++
      刚打开iteye就看到这个标题“Java什么时候比C++快”，觉得很好笑。   你要比，就比同等水平的基础上的相比，笨蛋写得C代码和C++代码，去和高手写的Java代码比效率，有什么意义呢？   我是写密码算法的，深刻知道算法C和C++实现和Java实现之间的效率差，甚至也比对过C代码和汇编代码的效率差，计算机是个死的东西，再怎么优化，Java也就是和C
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他