我有一些Vector3ds包含使用透明pngs的平面几何形状,因为它们是材料.
我遇到的麻烦是Raycaster正在拾取整个物体,因此点击材料附近就足以激活相应的功能.
是否有可能从栅栏中隐藏网格的透明部分?
继Alex的帮助之后,我得到了对象的实际观点.
我现在如何将其转换为图像上的像素,以测试透明度?
直到昨天Google地理图表停止收听我的声音时,这一切都很好!
宽度和高度被忽略,地图在其全宽div的右上方返回了一个小版本。
google.load('visualization', '1', {'packages': ['geomap']});
function drawMap() {
var data = new google.visualization.DataTable();
data.addColumn('string', 'City');
data.addColumn('number', 'Visits');
data.addColumn({type:'string', role:'tooltip', 'p': {'html': true}});
data.addRows(#{GuideEditController.getCitiesData()});
var options = {
sizeAxis: { minValue: 0, maxValue: 100 },
displayMode: 'markers',
colorAxis: {colors: ['#33ADFF', '#003D66']},
width : '100%',
height : '600px',
enableRegionInteractivity: false,
keepAspectRatio: true,
legend : 'none',
tooltip: {isHtml: true}
};
var container = document.getElementById('map_canvas');
var geomap = new google.visualization.GeoChart(container);
geomap.draw(data, options);
};
....
<div class="map" id='map_canvas'></div>
<script type='text/javascript'>
drawMap();
</script>
Run Code Online (Sandbox Code Playgroud)
这个DIV似乎是我的罪魁祸首。。我不知道它来自哪里,但是假设它是Google的东西。
DIV之后进行调用的原因是因为地图加载在主页面之后加载的选项卡上。 …
我正在使用https://github.com/odysseyscience/react-s3-uploader,它的运行非常好。我正在上载不同文件的负载等,一切正常,但是突然开始出现视频失败,并显示以下错误:net :: ERR_CONNECTION_RESET
我正在为此预先签名网址
String ext = objectName.substring(objectName.lastIndexOf('.') + 1,objectName.length()).toLowerCase();
GeneratePresignedUrlRequest generatePresignedUrlRequest
= new GeneratePresignedUrlRequest(showhowBucket, "assets/" + objectName , HttpMethod.PUT);
switch(ext){
case "png":
generatePresignedUrlRequest.withContentType("image/png");
break;
case "jpg":
generatePresignedUrlRequest.withContentType("image/jpg");
break;
case "jpeg":
generatePresignedUrlRequest.withContentType("image/jpg");
break;
case "mp4":
generatePresignedUrlRequest.withContentType("video/mp4");
break;
case "mp3":
generatePresignedUrlRequest.withContentType("audio/mp3");
break;
case "m4u":
generatePresignedUrlRequest.withContentType("audio/mpeg");
break;
case "zip":
generatePresignedUrlRequest.withContentType("application/x-zip-compressed");
break;
}
// setting additional params: expiration date , content-type, etc
long expiration = System.currentTimeMillis() + 36000000;
generatePresignedUrlRequest.withExpiration(new Date(expiration));
generatePresignedUrlRequest.addRequestParameter(
Headers.S3_CANNED_ACL,
CannedAccessControlList.PublicRead.toString()
);
// finally generating URL string
URL url …
Run Code Online (Sandbox Code Playgroud) 这类似于这个电子未捕获错误:动态链接库(DLL)初始化例程失败
ELECTRON_ASAR.js:173
return old.apply(this, arguments)
^
Error: A dynamic link library (DLL) initialization routine failed.
\\?\C:\workspace\client\client\desktop\node_modules\sqlite3\lib\binding\node-v57
-win32-x64\node_sqlite3.node
at process.module.(anonymous function) [as dlopen] (ELECTRON_ASAR.js:173:20)
at Object.Module._extensions..node (module.js:671:18)
at Object.module.(anonymous function) [as .node] (ELECTRON_ASAR.js:173:20)
at Module.load (module.js:561:32)
at tryModuleLoad (module.js:504:12)
at Function.Module._load (module.js:496:3)
at Module.require (module.js:586:17)
at require (internal/module.js:11:18)
at Object.<anonymous> (C:\workspace\client\client\desktop\node_modules\sqlit
e3\lib\sqlite3.js:4:15)
at Object.<anonymous> (C:\workspace\client\client\desktop\node_modules\sqlit
e3\lib\sqlite3.js:190:3)
Run Code Online (Sandbox Code Playgroud)
我已经尝试了这篇文章中建议的所有内容以及我能找到的任何其他内容
我已经安装了电子重建并添加了“重建”:“电子重建 -f -w sqlite3 -V 1.7”
这是运行没有错误。
我试过 "postinstall": "install-app-deps",
这没有帮助..
还有什么可以尝试的吗?
文件在那里..
这
当我在 React 中内置的 Aframe 资产管理器中更新新资产时,出现此 notFound 错误。
资产管理器组件的构建如下:
export class Assets extends PureComponent{
render(){
const {
hiResPanoUrl,
onHiResPanoLoaded,
sceneThumbnails = [],
guideThumbnails = [],
videos = [],
sounds = [],
models = [],
panos = [],
images = [],
} = this.props
return (
<a-assets>
{createHighResolutionPanoAsset(hiResPanoUrl, onHiResPanoLoaded)}
{createPanoAssets(panos)}
{createSceneThumbnailsAssets(sceneThumbnails)}
{createGuideThumbnailsAssets(guideThumbnails)}
{createAudioAssets(sounds)}
{createVideoAssets(videos)}
{createModelAssets(models)}
{createImageAssets(images)}
</a-assets>
)
}
Run Code Online (Sandbox Code Playgroud)
健全的资产是这样构建的
function createAudioAssets(sounds) {
return sounds.map(sound => {
const {url, id, preload} = sound
if(!preload)
return <audio key={id} {...{id}} src={url} crossOrigin='anonymous'/>
return <audio …
Run Code Online (Sandbox Code Playgroud) 我正在尝试消除从 React 中的输入更改发送 Redux 操作的抖动。
const debouncedSubmit = debounce(() => dispatch(new TaskAnswerSubmit({index: props.index, text: answer})), 1000)
function onChange(e){
setAnswer(e.target.value)
debouncedSubmit()
}
Run Code Online (Sandbox Code Playgroud)
这会延迟发送操作,但仍会为每次按键发送一个操作。我想在输入完成后稍等一下,然后再发送一次操作。
我在这里做错了什么?
我正在尝试通过鼠标单击生成的一堆点在“三”中创建可点击的形状。
这段代码可以正常工作:
mouse.x = ( ( event.clientX - renderer.domElement.offsetLeft ) / player.width ) * 2 - 1;
mouse.y = - ( ( event.clientY - renderer.domElement.offsetTop ) / player.height ) * 2 + 1
raycaster.setFromCamera( mouse, camera );
var objects = [];
objects.push(selectedHotspot);
var intersects = raycaster.intersectObjects( objects, true );
if ( intersects.length > 0 ) {
var point = new THREE.Mesh( new THREE.SphereGeometry(1, 1, 1), new THREE.MeshBasicMaterial( { color: 0x00ffff } ) );
point.position.copy(intersects[0].point);
scene.add(point);
points.push(intersects[0].point);
}
var geometry = …
Run Code Online (Sandbox Code Playgroud) 我正在使用 createImageBitmap() 创建一个ImageBitmap文件。
如何将此文件转换为 blob 或理想情况下的 PNG,以便我可以上传?
我正在尝试将 Go Pro 陀螺仪数据转换为 Three.js 坐标,以便我可以将素材投影到球体内部,旋转球体并具有 3D 稳定性。
相机是这样定向的,坐标的顺序是 Z,X,Y
我正在尝试应用这个向量来旋转球体,就像这样
this._nextVec3.set(this._next[0],this._next[1],this._next[2])
this.el.object3D.rotation.setFromVector3(this._nextVec3)
Run Code Online (Sandbox Code Playgroud)
但是我无法让旋转与相机的旋转相匹配,我认为这与左/右手配置有关?
任何人都可以帮忙吗?
我正在使用Cordova Media将音频录制到一个空文件中。
要上传它,我需要在文件上具有内容类型。
我正在尝试将文件转换为Blob,以便可以设置内容类型,但是我正努力将文件转换为Blob
state.cordova.localDirectory.getFile(filename,{create:true, exclusive:false},
f => {
const options = {
SampleRate: 16000,
NumberOfChannels: 1,
}
media = new window.Media(f.nativeURL,() =>
f.file(file => {
const blob = new Blob(file,{type: 'audio/m4u'}) <-- Trying to convert file into a blob here
blob.lastModifiedDate = new Date()
blob.name = filename
console.log(blob)
upload(blob,'audio/m4u')
.then(data=> {console.log(data);store.dispatch(voiceAudioUploaded(sessionId,gameTaskId,data))}, err=> console.log(err))
}
, err => console.log('err',err) ))
media.startRecordWithCompression(options)
})
Run Code Online (Sandbox Code Playgroud)
错误是
无法构造“ Blob”:迭代器getter不可调用。
`
javascript ×8
three.js ×3
reactjs ×2
3d ×1
aframe ×1
amazon-s3 ×1
blob ×1
electron ×1
euler-angles ×1
file ×1
google-maps ×1
gopro ×1
html5-canvas ×1
image ×1
lodash ×1
node.js ×1
react-redux ×1
redux ×1
rotation ×1
sqlite ×1