Monde aléatoire simple utilisant l'interaction
5 min
Projet d'échantillon
📘 Fichiers de projet utilisés dans la conférence
Résumé
Résumé | Implémentez les boutons d'interaction qui apparaissent lorsque l'utilisateur s'approche de vous. |
|---|---|
Difficulté | Débutant |
Temps requis | 30 Minutes |
Objectifs du projet
- Contrôles de bouton interactifs appliquant l'UI et le déclencheur
- Toile de l'espace mondial
- Appliquer l'animation de personnage
- Créer une instance d'objet
- Appliquer le code aléatoire de probabilité
🎬 Vidéo du monde terminé
Scripts
import { ZepetoScriptBehaviour } from 'ZEPETO.Script'
import { SpawnInfo, ZepetoPlayers, LocalPlayer, ZepetoCharacter } from 'ZEPETO.Character.Controller'
import { WorldService } from 'ZEPETO.World';
export default class CharacterController extends ZepetoScriptBehaviour {
Start() {
//Obtient l'UserId (connecté via l'Éditeur)
ZepetoPlayers.instance.CreatePlayerWithUserId(WorldService.userId,new SpawnInfo(), true);
ZepetoPlayers.instance.OnAddedLocalPlayer.AddListener(() => {
let _player : LocalPlayer = ZepetoPlayers.instance.LocalPlayer;
});
}
} import { Canvas, AnimationClip, WaitForSeconds, GameObject, Object, Random } from 'UnityEngine';
import { Button } from 'UnityEngine.UI';
import { ZepetoPlayers, ZepetoCharacter } from 'ZEPETO.Character.Controller';
import { ZepetoScriptBehaviour } from 'ZEPETO.Script';
// importer le script personnalisé depuis le chemin
import UIController from './UIController';
export default class Interaction extends ZepetoScriptBehaviour
{
public openUIGesture: Button;
public interactionCanvas: Canvas;
public animationClip: AnimationClip;
public uiControllerObject: GameObject;
public badEffectFactory: GameObject;
public goodEffectFactory: GameObject;
public gift: GameObject;
public failureRatio: number = 50;
private uiController: UIController;
private zepetoCharacter :ZepetoCharacter;
Start()
{
// Définir EventCamera
this.interactionCanvas.worldCamera = ZepetoPlayers.instance.ZepetoCamera.camera;
// Définir le personnage
ZepetoPlayers.instance.OnAddedLocalPlayer.AddListener(() => {
this.zepetoCharacter = ZepetoPlayers.instance.LocalPlayer.zepetoPlayer.character;
});
// Importation de script
this.uiController = this.uiControllerObject.GetComponent<UIController>();
//Cacher le bouton
this.openUIGesture.gameObject.SetActive(false);
//Quand le bouton est cliqué
this.openUIGesture.onClick.AddListener(()=>{
this.zepetoCharacter.SetGesture(this.animationClip);
this.StartCoroutine(this.FirstRoutine());
});
}
OnTriggerEnter(collider)
{
this.openUIGesture.gameObject.SetActive(true);
}
OnTriggerExit(collider)
{
this.openUIGesture.gameObject.SetActive(false);
}
*FirstRoutine()
{
this.uiController.Loading();
yield new WaitForSeconds(3);
this.zepetoCharacter.CancelGesture();
this.RandomCalculation();
}
private RandomCalculation()
{
let randomNumber: number;
randomNumber = Random.Range(0,100);
if (randomNumber <= this.failureRatio)
{
this.Lose();
}
else
{
this.Win();
}
this.StartCoroutine(this.SecondRoutine());
}
private Lose()
{
this.uiController.Lose();
//Créer GameObject
var obj = Object.Instantiate(this.badEffectFactory) as GameObject;
obj.transform.position = this.transform.position;
}
private Win()
{
this.uiController.Win();
//Créer GameObject
var obj = Object.Instantiate(this.goodEffectFactory) as GameObject;
obj.transform.position = this.transform.position;
var giftobj = Object.Instantiate(this.gift) as GameObject;
giftobj.transform.position = this.transform.position;
}
*SecondRoutine()
{
yield new WaitForSeconds(1);
this.uiController.Init();
//Détruire la boîte
GameObject.Destroy(this.gameObject);
}
}import { ZepetoScriptBehaviour } from 'ZEPETO.Script';
import { Text } from "UnityEngine.UI";
import { GameObject } from 'UnityEngine';
//définir une variable à utiliser
export default class UIController extends ZepetoScriptBehaviour
{
public messageUI: Text;
Start()
{
this.Init();
}
public Init()
{
this.messageUI.text = " ";
}
public Loading()
{
this.messageUI.text = "Qu'est-ce qu'il y a dans la boîte ?";
}
public Win()
{
this.messageUI.text = "Félicitations ! Vous l'avez eu";
}
public Lose()
{
this.messageUI.text = "C'est un vide";
}
}