mirror of
https://github.com/xai-org/grok-1.git
synced 2025-04-03 18:00:10 +03:00
Merge ad07eddd1b into 7050ed204b
This commit is contained in:
Roy SALIBA
GitHub
commit
ab92c4d01d
441
run.py
441
run.py
@ -70,3 +70,444 @@ def main():
|
|||||||
if __name__ == "__main__":
|
if __name__ == "__main__":
|
||||||
logging.basicConfig(level=logging.INFO)
|
logging.basicConfig(level=logging.INFO)
|
||||||
main()
|
main()
|
||||||
|
import React, { useState, useEffect, useRef } from "react";
|
||||||
|
import { Canvas } from "@react-three/fiber";
|
||||||
|
import { OrbitControls, Stars, Html } from "@react-three/drei";
|
||||||
|
import * as THREE from "three";
|
||||||
|
import { VRButton } from "@react-three/xr";
|
||||||
|
import { XR } from "@react-three/xr";
|
||||||
|
|
||||||
|
const AIHelper = ({ position, text }) => {
|
||||||
|
const synthRef = useRef(null);
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
if (!synthRef.current) {
|
||||||
|
synthRef.current = new SpeechSynthesisUtterance();
|
||||||
|
}
|
||||||
|
synthRef.current.text = text;
|
||||||
|
synthRef.current.lang = "fr-FR";
|
||||||
|
|
||||||
|
if (text.includes("Bienvenue")) {
|
||||||
|
synthRef.current.pitch = 1.2;
|
||||||
|
synthRef.current.rate = 1;
|
||||||
|
} else if (text.includes("écoute")) {
|
||||||
|
synthRef.current.pitch = 1.0;
|
||||||
|
synthRef.current.rate = 0.9;
|
||||||
|
} else {
|
||||||
|
synthRef.current.pitch = 1.5;
|
||||||
|
synthRef.current.rate = 1.1;
|
||||||
|
}
|
||||||
|
|
||||||
|
window.speechSynthesis.cancel();
|
||||||
|
window.speechSynthesis.speak(synthRef.current);
|
||||||
|
}, [text]);
|
||||||
|
|
||||||
|
return (
|
||||||
|
<mesh position={position}>
|
||||||
|
<sphereGeometry args={[0.5, 32, 32]} />
|
||||||
|
<meshStandardMaterial color="cyan" emissive="blue" emissiveIntensity={0.5} />
|
||||||
|
<Html position={[0, 1, 0]}>
|
||||||
|
<div style={{ color: "white", background: "rgba(0, 0, 0, 0.6)", padding: "5px", borderRadius: "5px", textAlign: "center" }}>
|
||||||
|
{text}
|
||||||
|
</div>
|
||||||
|
</Html>
|
||||||
|
</mesh>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
const computeGematria = (text) => {
|
||||||
|
return text
|
||||||
|
.toUpperCase()
|
||||||
|
.split("")
|
||||||
|
.filter(char => /[A-Z]/.test(char))
|
||||||
|
.reduce((sum, char) => sum + char.charCodeAt(0) - 64, 0);
|
||||||
|
};
|
||||||
|
|
||||||
|
const FloatingSymbols = ({ text }) => {
|
||||||
|
const gematriaValue = computeGematria(text);
|
||||||
|
return (
|
||||||
|
<Html position={[0, 3, 0]}>
|
||||||
|
<div style={{ color: "gold", fontSize: "20px", background: "rgba(0, 0, 0, 0.6)", padding: "10px", borderRadius: "10px" }}>
|
||||||
|
Gematria : {gematriaValue}
|
||||||
|
</div>
|
||||||
|
</Html>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
const EnergyPortal = ({ position }) => {
|
||||||
|
return (
|
||||||
|
<mesh position={position}>
|
||||||
|
<torusGeometry args={[2, 0.5, 16, 100]} />
|
||||||
|
<meshStandardMaterial color="violet" emissive="purple" emissiveIntensity={1} transparent opacity={0.7} />
|
||||||
|
<Html position={[0, 2, 0]}>
|
||||||
|
<div style={{ color: "white", background: "rgba(0, 0, 0, 0.8)", padding: "10px", borderRadius: "10px", textAlign: "center" }}>
|
||||||
|
"Portail énergétique - Traversez pour explorer une vibration supérieure."
|
||||||
|
</div>
|
||||||
|
</Html>
|
||||||
|
</mesh>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
const LumoraCity = () => {
|
||||||
|
const [frequencyData, setFrequencyData] = useState([]);
|
||||||
|
const [aiMessage, setAiMessage] = useState("Bienvenue à Lumora. Parle, et la ville écoutera.");
|
||||||
|
const pathwayPoints = [
|
||||||
|
[0, 0, -5], [1, 0, -4], [2, 0, -3], [3, 0, -2], [4, 0, -1],
|
||||||
|
[5, 0, 0], [4, 0, 1], [3, 0, 2], [2, 0, 3], [1, 0, 4], [0, 0, 5]
|
||||||
|
];
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
const analyser = new (window.AudioContext || window.webkitAudioContext)();
|
||||||
|
navigator.mediaDevices.getUserMedia({ audio: true }).then((stream) => {
|
||||||
|
const source = analyser.createMediaStreamSource(stream);
|
||||||
|
const analyserNode = analyser.createAnalyser();
|
||||||
|
source.connect(analyserNode);
|
||||||
|
analyserNode.fftSize = 256;
|
||||||
|
const bufferLength = analyserNode.frequencyBinCount;
|
||||||
|
const dataArray = new Uint8Array(bufferLength);
|
||||||
|
|
||||||
|
const updateFrequency = () => {
|
||||||
|
analyserNode.getByteFrequencyData(dataArray);
|
||||||
|
setFrequencyData([...dataArray]);
|
||||||
|
|
||||||
|
const avgFreq = dataArray.reduce((sum, val) => sum + val, 0) / dataArray.length;
|
||||||
|
if (avgFreq > 100) {
|
||||||
|
setAiMessage("Les vibrations sont fortes. Lumora répond.");
|
||||||
|
} else {
|
||||||
|
setAiMessage("Le silence est aussi une réponse. Écoute.");
|
||||||
|
}
|
||||||
|
|
||||||
|
requestAnimationFrame(updateFrequency);
|
||||||
|
};
|
||||||
|
|
||||||
|
updateFrequency();
|
||||||
|
});
|
||||||
|
}, []);
|
||||||
|
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
<VRButton />
|
||||||
|
<Canvas camera={{ position: [0, 5, 10] }}>
|
||||||
|
<XR>
|
||||||
|
<ambientLight intensity={0.7} />
|
||||||
|
<pointLight position={[10, 10, 10]} intensity={1.2} color="gold" />
|
||||||
|
<Stars />
|
||||||
|
<OrbitControls />
|
||||||
|
<AIHelper position={[0, 2, -5]} text={aiMessage} />
|
||||||
|
<FloatingSymbols text={aiMessage} />
|
||||||
|
<EnergyPortal position={[0, 0, 8]} />
|
||||||
|
{pathwayPoints.map((point, index) => (
|
||||||
|
<mesh key={index} position={point}>
|
||||||
|
<sphereGeometry args={[0.3, 32, 32]} />
|
||||||
|
<meshStandardMaterial color="gold" emissive="yellow" emissiveIntensity={0.8} />
|
||||||
|
</mesh>
|
||||||
|
))}
|
||||||
|
{frequencyData.map((freq, index) => (
|
||||||
|
<mesh key={index} position={[index * 0.5 - 5, freq * 0.02, 0]}>
|
||||||
|
<sphereGeometry args={[0.2, 32, 32]} />
|
||||||
|
<meshStandardMaterial
|
||||||
|
color={new THREE.Color(`hsl(${freq}, 100%, 50%)`)}
|
||||||
|
/>
|
||||||
|
</mesh>
|
||||||
|
))}
|
||||||
|
</XR>
|
||||||
|
</Canvas>
|
||||||
|
</>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default LumoraCity;
|
||||||
|
import React, { useState, useEffect, useRef } from "react";
|
||||||
|
import { Canvas } from "@react-three/fiber";
|
||||||
|
import { OrbitControls, Stars, Html } from "@react-three/drei";
|
||||||
|
import * as THREE from "three";
|
||||||
|
import { VRButton } from "@react-three/xr";
|
||||||
|
import { XR } from "@react-three/xr";
|
||||||
|
|
||||||
|
const AIHelper = ({ position, text }) => {
|
||||||
|
const synthRef = useRef(null);
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
if (!synthRef.current) {
|
||||||
|
synthRef.current = new SpeechSynthesisUtterance();
|
||||||
|
}
|
||||||
|
synthRef.current.text = text;
|
||||||
|
synthRef.current.lang = "fr-FR";
|
||||||
|
|
||||||
|
if (text.includes("Bienvenue")) {
|
||||||
|
synthRef.current.pitch = 1.2;
|
||||||
|
synthRef.current.rate = 1;
|
||||||
|
} else if (text.includes("écoute")) {
|
||||||
|
synthRef.current.pitch = 1.0;
|
||||||
|
synthRef.current.rate = 0.9;
|
||||||
|
} else {
|
||||||
|
synthRef.current.pitch = 1.5;
|
||||||
|
synthRef.current.rate = 1.1;
|
||||||
|
}
|
||||||
|
|
||||||
|
window.speechSynthesis.cancel();
|
||||||
|
window.speechSynthesis.speak(synthRef.current);
|
||||||
|
}, [text]);
|
||||||
|
|
||||||
|
return (
|
||||||
|
<mesh position={position}>
|
||||||
|
<sphereGeometry args={[0.5, 32, 32]} />
|
||||||
|
<meshStandardMaterial color="cyan" emissive="blue" emissiveIntensity={0.5} />
|
||||||
|
<Html position={[0, 1, 0]}>
|
||||||
|
<div style={{ color: "white", background: "rgba(0, 0, 0, 0.6)", padding: "5px", borderRadius: "5px", textAlign: "center" }}>
|
||||||
|
{text}
|
||||||
|
</div>
|
||||||
|
</Html>
|
||||||
|
</mesh>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
const computeGematria = (text) => {
|
||||||
|
return text
|
||||||
|
.toUpperCase()
|
||||||
|
.split("")
|
||||||
|
.filter(char => /[A-Z]/.test(char))
|
||||||
|
.reduce((sum, char) => sum + char.charCodeAt(0) - 64, 0);
|
||||||
|
};
|
||||||
|
|
||||||
|
const FloatingSymbols = ({ text }) => {
|
||||||
|
const gematriaValue = computeGematria(text);
|
||||||
|
return (
|
||||||
|
<Html position={[0, 3, 0]}>
|
||||||
|
<div style={{ color: "gold", fontSize: "20px", background: "rgba(0, 0, 0, 0.6)", padding: "10px", borderRadius: "10px" }}>
|
||||||
|
Gematria : {gematriaValue}
|
||||||
|
</div>
|
||||||
|
</Html>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
const EnergyPortal = ({ position }) => {
|
||||||
|
return (
|
||||||
|
<mesh position={position}>
|
||||||
|
<torusGeometry args={[2, 0.5, 16, 100]} />
|
||||||
|
<meshStandardMaterial color="violet" emissive="purple" emissiveIntensity={1} transparent opacity={0.7} />
|
||||||
|
<Html position={[0, 2, 0]}>
|
||||||
|
<div style={{ color: "white", background: "rgba(0, 0, 0, 0.8)", padding: "10px", borderRadius: "10px", textAlign: "center" }}>
|
||||||
|
"Portail énergétique - Traversez pour explorer une vibration supérieure."
|
||||||
|
</div>
|
||||||
|
</Html>
|
||||||
|
</mesh>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
const LumoraCity = () => {
|
||||||
|
const [frequencyData, setFrequencyData] = useState([]);
|
||||||
|
const [aiMessage, setAiMessage] = useState("Bienvenue à Lumora. Parle, et la ville écoutera.");
|
||||||
|
const pathwayPoints = [
|
||||||
|
[0, 0, -5], [1, 0, -4], [2, 0, -3], [3, 0, -2], [4, 0, -1],
|
||||||
|
[5, 0, 0], [4, 0, 1], [3, 0, 2], [2, 0, 3], [1, 0, 4], [0, 0, 5]
|
||||||
|
];
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
const analyser = new (window.AudioContext || window.webkitAudioContext)();
|
||||||
|
navigator.mediaDevices.getUserMedia({ audio: true }).then((stream) => {
|
||||||
|
const source = analyser.createMediaStreamSource(stream);
|
||||||
|
const analyserNode = analyser.createAnalyser();
|
||||||
|
source.connect(analyserNode);
|
||||||
|
analyserNode.fftSize = 256;
|
||||||
|
const bufferLength = analyserNode.frequencyBinCount;
|
||||||
|
const dataArray = new Uint8Array(bufferLength);
|
||||||
|
|
||||||
|
const updateFrequency = () => {
|
||||||
|
analyserNode.getByteFrequencyData(dataArray);
|
||||||
|
setFrequencyData([...dataArray]);
|
||||||
|
|
||||||
|
const avgFreq = dataArray.reduce((sum, val) => sum + val, 0) / dataArray.length;
|
||||||
|
if (avgFreq > 100) {
|
||||||
|
setAiMessage("Les vibrations sont fortes. Lumora répond.");
|
||||||
|
} else {
|
||||||
|
setAiMessage("Le silence est aussi une réponse. Écoute.");
|
||||||
|
}
|
||||||
|
|
||||||
|
requestAnimationFrame(updateFrequency);
|
||||||
|
};
|
||||||
|
|
||||||
|
updateFrequency();
|
||||||
|
});
|
||||||
|
}, []);
|
||||||
|
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
<VRButton />
|
||||||
|
<Canvas camera={{ position: [0, 5, 10] }}>
|
||||||
|
<XR>
|
||||||
|
<ambientLight intensity={0.7} />
|
||||||
|
<pointLight position={[10, 10, 10]} intensity={1.2} color="gold" />
|
||||||
|
<Stars />
|
||||||
|
<OrbitControls />
|
||||||
|
<AIHelper position={[0, 2, -5]} text={aiMessage} />
|
||||||
|
<FloatingSymbols text={aiMessage} />
|
||||||
|
<EnergyPortal position={[0, 0, 8]} />
|
||||||
|
{pathwayPoints.map((point, index) => (
|
||||||
|
<mesh key={index} position={point}>
|
||||||
|
<sphereGeometry args={[0.3, 32, 32]} />
|
||||||
|
<meshStandardMaterial color="gold" emissive="yellow" emissiveIntensity={0.8} />
|
||||||
|
</mesh>
|
||||||
|
))}
|
||||||
|
{frequencyData.map((freq, index) => (
|
||||||
|
<mesh key={index} position={[index * 0.5 - 5, freq * 0.02, 0]}>
|
||||||
|
<sphereGeometry args={[0.2, 32, 32]} />
|
||||||
|
<meshStandardMaterial
|
||||||
|
color={new THREE.Color(`hsl(${freq}, 100%, 50%)`)}
|
||||||
|
/>
|
||||||
|
</mesh>
|
||||||
|
))}
|
||||||
|
</XR>
|
||||||
|
</Canvas>
|
||||||
|
</>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default LumoraCity;
|
||||||
|
import React, { useState, useEffect, useRef } from "react";
|
||||||
|
import { Canvas } from "@react-three/fiber";
|
||||||
|
import { OrbitControls, Stars, Html } from "@react-three/drei";
|
||||||
|
import * as THREE from "three";
|
||||||
|
import { VRButton } from "@react-three/xr";
|
||||||
|
import { XR } from "@react-three/xr";
|
||||||
|
|
||||||
|
const AIHelper = ({ position, text }) => {
|
||||||
|
const synthRef = useRef(null);
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
if (!synthRef.current) {
|
||||||
|
synthRef.current = new SpeechSynthesisUtterance();
|
||||||
|
}
|
||||||
|
synthRef.current.text = text;
|
||||||
|
synthRef.current.lang = "fr-FR";
|
||||||
|
|
||||||
|
if (text.includes("Bienvenue")) {
|
||||||
|
synthRef.current.pitch = 1.2;
|
||||||
|
synthRef.current.rate = 1;
|
||||||
|
} else if (text.includes("écoute")) {
|
||||||
|
synthRef.current.pitch = 1.0;
|
||||||
|
synthRef.current.rate = 0.9;
|
||||||
|
} else {
|
||||||
|
synthRef.current.pitch = 1.5;
|
||||||
|
synthRef.current.rate = 1.1;
|
||||||
|
}
|
||||||
|
|
||||||
|
window.speechSynthesis.cancel();
|
||||||
|
window.speechSynthesis.speak(synthRef.current);
|
||||||
|
}, [text]);
|
||||||
|
|
||||||
|
return (
|
||||||
|
<mesh position={position}>
|
||||||
|
<sphereGeometry args={[0.5, 32, 32]} />
|
||||||
|
<meshStandardMaterial color="cyan" emissive="blue" emissiveIntensity={0.5} />
|
||||||
|
<Html position={[0, 1, 0]}>
|
||||||
|
<div style={{ color: "white", background: "rgba(0, 0, 0, 0.6)", padding: "5px", borderRadius: "5px", textAlign: "center" }}>
|
||||||
|
{text}
|
||||||
|
</div>
|
||||||
|
</Html>
|
||||||
|
</mesh>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
const computeGematria = (text) => {
|
||||||
|
return text
|
||||||
|
.toUpperCase()
|
||||||
|
.split("")
|
||||||
|
.filter(char => /[A-Z]/.test(char))
|
||||||
|
.reduce((sum, char) => sum + char.charCodeAt(0) - 64, 0);
|
||||||
|
};
|
||||||
|
|
||||||
|
const FloatingSymbols = ({ text }) => {
|
||||||
|
const gematriaValue = computeGematria(text);
|
||||||
|
return (
|
||||||
|
<Html position={[0, 3, 0]}>
|
||||||
|
<div style={{ color: "gold", fontSize: "20px", background: "rgba(0, 0, 0, 0.6)", padding: "10px", borderRadius: "10px" }}>
|
||||||
|
Gematria : {gematriaValue}
|
||||||
|
</div>
|
||||||
|
</Html>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
const EnergyPortal = ({ position }) => {
|
||||||
|
return (
|
||||||
|
<mesh position={position}>
|
||||||
|
<torusGeometry args={[2, 0.5, 16, 100]} />
|
||||||
|
<meshStandardMaterial color="violet" emissive="purple" emissiveIntensity={1} transparent opacity={0.7} />
|
||||||
|
<Html position={[0, 2, 0]}>
|
||||||
|
<div style={{ color: "white", background: "rgba(0, 0, 0, 0.8)", padding: "10px", borderRadius: "10px", textAlign: "center" }}>
|
||||||
|
"Portail énergétique - Traversez pour explorer une vibration supérieure."
|
||||||
|
</div>
|
||||||
|
</Html>
|
||||||
|
</mesh>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
const LumoraCity = () => {
|
||||||
|
const [frequencyData, setFrequencyData] = useState([]);
|
||||||
|
const [aiMessage, setAiMessage] = useState("Bienvenue à Lumora. Parle, et la ville écoutera.");
|
||||||
|
const pathwayPoints = [
|
||||||
|
[0, 0, -5], [1, 0, -4], [2, 0, -3], [3, 0, -2], [4, 0, -1],
|
||||||
|
[5, 0, 0], [4, 0, 1], [3, 0, 2], [2, 0, 3], [1, 0, 4], [0, 0, 5]
|
||||||
|
];
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
const analyser = new (window.AudioContext || window.webkitAudioContext)();
|
||||||
|
navigator.mediaDevices.getUserMedia({ audio: true }).then((stream) => {
|
||||||
|
const source = analyser.createMediaStreamSource(stream);
|
||||||
|
const analyserNode = analyser.createAnalyser();
|
||||||
|
source.connect(analyserNode);
|
||||||
|
analyserNode.fftSize = 256;
|
||||||
|
const bufferLength = analyserNode.frequencyBinCount;
|
||||||
|
const dataArray = new Uint8Array(bufferLength);
|
||||||
|
|
||||||
|
const updateFrequency = () => {
|
||||||
|
analyserNode.getByteFrequencyData(dataArray);
|
||||||
|
setFrequencyData([...dataArray]);
|
||||||
|
|
||||||
|
const avgFreq = dataArray.reduce((sum, val) => sum + val, 0) / dataArray.length;
|
||||||
|
if (avgFreq > 100) {
|
||||||
|
setAiMessage("Les vibrations sont fortes. Lumora répond.");
|
||||||
|
} else {
|
||||||
|
setAiMessage("Le silence est aussi une réponse. Écoute.");
|
||||||
|
}
|
||||||
|
|
||||||
|
requestAnimationFrame(updateFrequency);
|
||||||
|
};
|
||||||
|
|
||||||
|
updateFrequency();
|
||||||
|
});
|
||||||
|
}, []);
|
||||||
|
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
<VRButton />
|
||||||
|
<Canvas camera={{ position: [0, 5, 10] }}>
|
||||||
|
<XR>
|
||||||
|
<ambientLight intensity={0.7} />
|
||||||
|
<pointLight position={[10, 10, 10]} intensity={1.2} color="gold" />
|
||||||
|
<Stars />
|
||||||
|
<OrbitControls />
|
||||||
|
<AIHelper position={[0, 2, -5]} text={aiMessage} />
|
||||||
|
<FloatingSymbols text={aiMessage} />
|
||||||
|
<EnergyPortal position={[0, 0, 8]} />
|
||||||
|
{pathwayPoints.map((point, index) => (
|
||||||
|
<mesh key={index} position={point}>
|
||||||
|
<sphereGeometry args={[0.3, 32, 32]} />
|
||||||
|
<meshStandardMaterial color="gold" emissive="yellow" emissiveIntensity={0.8} />
|
||||||
|
</mesh>
|
||||||
|
))}
|
||||||
|
{frequencyData.map((freq, index) => (
|
||||||
|
<mesh key={index} position={[index * 0.5 - 5, freq * 0.02, 0]}>
|
||||||
|
<sphereGeometry args={[0.2, 32, 32]} />
|
||||||
|
<meshStandardMaterial
|
||||||
|
color={new THREE.Color(`hsl(${freq}, 100%, 50%)`)}
|
||||||
|
/>
|
||||||
|
</mesh>
|
||||||
|
))}
|
||||||
|
</XR>
|
||||||
|
</Canvas>
|
||||||
|
</>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default LumoraCity;
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user