p5.jsを使用してテキストリンクを作成する

Question

現在、p5.jsを使用して完全にウェブサイトを作成しようとしています。私はウェブサイトの別のページに私を導くリンクを作成したいと思います。

私はこのような何かを期待していた。

function setup(){ 
link = text("this is a link", 120, 120); 
} 

function draw(){ 
    if (link.mousePressed){ 
    link(www.example.com); //does the processing link function move to p5? 
} 

はこのような何かが働かないと仮定すると、私は何かがベース座標ができますか？

function setup(){ 
link = text("this is a link", 120, 120); 
} 

function mousePressed(){ 
    if (mouseY == 120 && mouseX >= 110 && <= 130){ //range accounting for text length 
    link(www.example.com); 
} 

上記のいずれも可能でない場合は、p5 DOM.JSライブラリを使用できますか？

text("<a href='http://www.google.com'>Enter Locke Design</a>", 120, 120); 

誰かが光を放つか、正しい方向に私を向けることを願っています。ありがとう

Answer 1

あなたがしていることは意味がありません。 text()関数は単に画面にテキストを描画します。 HTMLやリンクの作成とは関係ありません。

リンク関数は、ドキュメントにリンクを作成するために追加できるHTMLを返します。あなたがそれを呼んでいるように呼び出すのは意味がありません。文字列の値を引用していないのでエラーが出ます。 link()関数の使用例については、hereを参照してください。

text()機能を使用する場合は、正しい位置にマウスの位置を確認するifステートメントが表示されます。しかし、mouseYがであるかどうかを確認しているのは、正確にはは120と同じです。 ifステートメントの2番目の部分は、有効な構文ではありません。文字列の条件は、&&の演算子だけではありません。そこには完全な不平等が必要です。

P5.js（text()関数）を使用して何かを表示し、HTML（link()関数）を使用して何かを表示するという2つのアプローチを混同しているため、後退しています。それらを混ぜることは意味をなさない。あなたは1つのアプローチを選択してそれを実行する必要があります。

P5.jsを使用して完全なウェブサイトを作成することが大きなアプローチであるとは私は確信していません。確かにP5.domライブラリを使用することは可能ですが、それは既存のWebページに機能を追加するためのものです。ページが読み込まれるたびにリンクが必要であることが分かっている場合は、HTMLにそのリンクを入れてください。それがそれのためのものです。