Open renman87 opened 5 years ago
Thanks @renman87! Using a-sky instead of a-gradient-sky works!
@renman87 looks like you still need to add aframe-gradient-sky in dependency to make it work...
It is still not working properly. Although it did show gradient, but it shows more top color than bottom color.
i just tested this:
<!DOCTYPE html>
<html>
<head>
<title>Sky-Test</title>
<script src="js/main.js"></script>
</head>
<body>
<a-scene>
<a-sky material="shader: gradient; topColor: 220 230 255; bottomColor: 200 100 0;"></a-sky>
</a-scene>
</body>
</html>
main.js
import 'aframe';
import 'aframe-extras';
import 'aframe-gradient-sky';
export default function init() {
console.log('default init for our aframe project.');
}
init();
(i use yarn & webpack to manage the project) it is working in some way - if it is correct this way - i don't know - for me for now its fine.. the loading of aframe-gradient-sky is mandatory.
i also get an warnings in the console:
10:01:35.971 A-Frame Version: 1.2.0 (Date 2021-02-05, Commit #b220fa00) aframe-master.js:71521
10:01:35.976 THREE Version (https://github.com/supermedium/three.js): ^0.125.1 aframe-master.js:71522
10:01:35.976 WebVR Polyfill Version: ^0.10.12 aframe-master.js:71524
10:01:35.985 core:schema:warn Default value `255 0 0` does not match type `vec3` in component `undefined` aframe-master.js:2201
10:01:35.986 core:schema:warn Default value `0 0 255` does not match type `vec3` in component `undefined` aframe-master.js:2201
10:01:35.986 core:schema:warn Default value `400` does not match type `number` in component `undefined` aframe-master.js:2201
10:01:35.986 core:schema:warn Default value `0.6` does not match type `number` in component `undefined` aframe-master.js:2201
10:01:35.987 default init for our aframe project. index.js:8
10:01:36.006 core:schema:warn Unknown property `color` for component/system `material`. aframe-master.js:2201
Hi, unfortunately, I'm no longer actively maintaining this project.
nevermind. a-sky can provide gradient without a-gradient-sky a-sky material="shader: gradient; topColor: 255 0 0; bottomColor: 0 121 255;" /a-sky