小编bee*_*eek的帖子

Three.js Ray忽略透明像素

我有一些Vector3ds包含使用透明pngs的平面几何形状,因为它们是材料.

我遇到的麻烦是Raycaster正在拾取整个物体,因此点击材料附近就足以激活相应的功能.

是否有可能从栅栏中隐藏网格的透明部分?

继Alex的帮助之后,我得到了对象的实际观点.

我现在如何将其转换为图像上的像素,以测试透明度?

javascript 3d three.js

5
推荐指数
1
解决办法
883
查看次数

Google GeoChart忽略宽度/高度

直到昨天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之后进行调用的原因是因为地图加载在主页面之后加载的选项卡上。 …

javascript google-maps google-visualization

5
推荐指数
1
解决办法
1286
查看次数

视频上的S3 Uploader net :: ERR_CONNECTION_RESET

我正在使用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)

javascript amazon-s3

5
推荐指数
0
解决办法
234
查看次数

Electron 在 Windows 上运行 SQLlite 3 - 动态链接库 (DLL) 初始化例程失败

这类似于这个电子未捕获错误:动态链接库(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",

这没有帮助..

还有什么可以尝试的吗?

文件在那里..

在此处输入图片说明

sqlite node.js electron

5
推荐指数
1
解决办法
1164
查看次数

React NotFoundError:无法在“Node”上执行“insertBefore”:要插入新节点的节点不是该节点的子节点

当我在 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)

reactjs aframe

5
推荐指数
1
解决办法
3609
查看次数

Lodash 去抖动触发每次更改

我正在尝试消除从 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)

这会延迟发送操作,但仍会为每次按键发送一个操作。我想在输入完成后稍等一下,然后再发送一次操作。

我在这里做错了什么?

javascript lodash reactjs redux react-redux

3
推荐指数
1
解决办法
2454
查看次数

从Threes.js点生成网格

我正在尝试通过鼠标单击生成的一堆点在“三”中创建可点击的形状。

这段代码可以正常工作:

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)

javascript three.js

2
推荐指数
1
解决办法
4219
查看次数

将 ImageBitmap 转换为 Blob

我正在使用 createImageBitmap() 创建一个ImageBitmap文件。

如何将此文件转换为 blob 或理想情况下的 PNG,以便我可以上传?

javascript image html5-canvas

2
推荐指数
1
解决办法
4008
查看次数

尝试在 Three.js 中将 Go Pro GYRO 数据转换为旋转

我正在尝试将 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)

但是我无法让旋转与相机的旋转相匹配,我认为这与左/右手配置有关?

任何人都可以帮忙吗?

javascript rotation euler-angles three.js gopro

2
推荐指数
1
解决办法
84
查看次数

Javascript文件到Blob

我正在使用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 blob file

1
推荐指数
1
解决办法
5074
查看次数