小编gma*_*man的帖子

如何在 3D 球体周围环绕文本

我正在寻找一种在巴比伦或 Threejs 中将文本环绕在球体周围的方法。我对改变 javascript 技术持开放态度

javascript 3d three.js babylonjs

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

如何在不更改 ThreeJS 中材质的情况下为几何体提供顶点着色器?

我正在尝试使用顶点着色器修改一些几何图形,它基本上对几何图形的每个顶点应用某些线性变换,从而改变其形状。问题是我不知道如何用它启用 phong 照明和纹理。一旦我通过材质 API 传递顶点着色器,它就会自动呈现红色,并且一切看起来都是平坦的。看起来这里没有进行光照计算。请帮忙。

这是一个演示,我将顶点着色器应用到立方体。 https://jsfiddle.net/6593Lyve/4/

void main()
{
    vec3 p = position.xyz;
    float new_x = p.x*a11 + p.y*a12;
    float new_y = p.x*a21 + p.y*a22;
    gl_Position = projectionMatrix * modelViewMatrix * vec4(new_x, new_y, p.z, 1.0);
}
Run Code Online (Sandbox Code Playgroud)

graphics vertex-shader fragment-shader three.js

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

MapBox:为点分配图标

我正在尝试为 GeoJSON 中的点分配一个图标。我使用这个片段:

    map.addSource('Punti di allerta', {
        type: 'geojson',
        data: source_attentionpoints, 
    });
    map.addLayer({
        'id': 'Punti di allerta',
        'type': 'circle',
        'source': 'Punti di allerta',
        'layout': {
            'icon-image': '{% static 'image/webgis/icons/warning50.png' %}',
            'icon-size': 0.5
        }
    });
Run Code Online (Sandbox Code Playgroud)

我看到这两个错误并且点没有呈现:

错误:“layers.Punti di allerta.layout.icon-image:未知属性“icon-image””错误:“layers.Punti di allerta.layout.icon-size:未知属性“icon-size””

但如果我使用这个片段而不是之前的片段,我可以毫无问题地看到所有点:

map.addLayer({
    'id': 'Punti di allerta',
    'type': 'circle',
    'source': 'Punti di allerta',
     'paint': {
         'circle-radius': 8,
         'circle-color': 'rgb(0,0,0)',
         'circle-opacity': 1.0,
         'circle-stroke-width': 4,
         'circle-stroke-color': 'rgb(200,200,200)',
         'circle-stroke-opacity': 1.0,
         'circle-blur': 0,
    }
});
Run Code Online (Sandbox Code Playgroud)

我有什么错吗?

javascript mapbox mapbox-gl-js

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

与 angular 一起使用时,p5.js 中的变量未定义?

我正在学习 WebGL 并开始使用 p5.js 和 angular 开发 Sketch 应用程序。我在组件文件中定义了布尔变量,因此我想在绘图函数中触发特定的函数,如椭圆、矩形、线条等。这些布尔变量由另一个组件中的按钮管理。

我收到错误为core.js:6014 错误类型错误:无法读取未定义的属性“isRectangleMode”

组件文件:

import { Component, OnInit } from '@angular/core';

import * as p5 from 'p5';

import { Subscription } from 'rxjs';

import { HomeService } from '../home.service';

@Component({
  selector: 'app-doodle-area',
  templateUrl: './doodle-area.component.html',
  styleUrls: ['./doodle-area.component.css']
})
export class DoodleAreaComponent implements OnInit {

  private p5Init : any;

  modeSubs : Subscription;
  modeSelected : string = null;
  isCircleMode : boolean = false;
  isEllipseMode : boolean = false;
  isRectangleMode : boolean = false;
  isLineMode …
Run Code Online (Sandbox Code Playgroud)

javascript typescript p5.js angular

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

如何按升序列出具有相同评级的电影标题?

我目前正在研究 pset7 7.sql 。这是链接https://cs50.harvard.edu/x/2020/psets/7/movies/

Que:编写一个 SQL 查询来列出 2010 年上映的所有电影及其评分,按评分降序排列。对于具有相同评级的电影,按标题字母顺序排列。

我已经设法解决了问题的第一部分。我不知道如何按字母顺序排列具有相同标题的电影标题。

这是我的代码和输出

SELECT     movies.title, 
           ratings.rating 
FROM       ratings 
INNER JOIN movies 
where      movies.id = ratings.movie_id 
AND        year = 2010 
ORDER BY   rating DESC;
Run Code Online (Sandbox Code Playgroud)

代码输出

video cs50

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

如何通过轨迹效果实现移动线

在下面的演示中画这样的线的想法是什么?绘制带有拖尾效果的单线可能很简单。但这些线路也在改变方向。

http://uber.github.io/deck.gl/#/examples/custom-layers/trip-routes

shader webgl

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