♥️ 🛫 🤚 初心者向けのプログラミング。処理の私の知り合い 👩🏻‍✈️ 🧜🏽 ⛳️

こんにちは

デジタルの自家製電子デバイスは、多くの場合、コンピューターと対話します。データを送信するか、データから制御されます。これに照らして、プログラミングには常に関心があります。
この分野での私の過去の経験は、ZX Spectrum BASICインタープリター、青少年の趣味の一部としてのQbasic、および学生としてのC-86に関連しています。 VRML言語への関心の一部としてECMAScriptを学ぶ試みがありました。問題は、今何を選ぶべきかでした。

猫をお願いします。

急成長している言語の記事を読むと、悲しい思いが喚起されました。これらすべてのGo、Delphi、Pearl、PHP、Java。ニシキヘビについて、最近まで私は一般的にこれが蛇の種であると確信していました。一般的に、豊富さと多様性。私にとって、初心者として、誰が誰で、どんな仕事をしているのかを理解するのは難しいです。たとえば、JavaはJavaScriptとどう違うのですか？

私の実りのない考えが続くだろう。しかし、私は彼らの記事シリーズ「Binaria Peninsula」に関するIsocodeリソースの投稿を読みました。処理言語について。興味がある Arduinoへの関心の一部として、彼はチュートリアルで何度か彼に言及しました。疑問がありました。結局のところ、Javaマシンが必要です。オラクルは、Minecraftのお気に入りのゲームの1つをインストールするときにこの創造に出会いました。そして彼には問題がありました。 Athlone 1.3では、ホームコンピューターが古い。 RAMの半分のギグ（もう1つ半分）。また、このゲームの極端なバージョンは起動できません。極端なバージョンのJavaでは、このハードウェアでは動作しなくなります。

計画の疑い：Javaはさまざまな理由で機能しません。鉄から制裁まで。そして、何をすべきか？または、なぜ私のブラウザーのFirefoxが危険の検出について悲鳴を上げ、透過的に「ブロ、一般に、私はあなたに警告した...」

アゾコダの記事を読み始めました。本当に好きだった。プレゼンテーションのシンプルさと魔法。若いプログラマーと島の関係。エピローグ。彼は彼の息子に読み始め、彼はまた火をつかまえた。プレゼンテーションスタイルは、成長する島と比較するという陰謀によって、初心者にとって新しい概念を知覚することの難しさを十分に補っていると思います。彼の興味を刺激し、誇りを持って遊ぶ。そして、読み取りが画面上でコードと結果に組み込まれると、一般的にそれを吸収します。しかし、また、エピローグの1つは、息子と一緒に勉強することの賢明さについて、私が一生懸命に考えさせた。したがって、私はこれまでのところ、この分野の共同研究を中断しています。しかし、彼は自分自身を止めませんでした。

だから。環境を設定します。 Javaはすでに立っていました。立ち上げました。 Arduino IDEのすべてはおなじみです。記事から1つの例を入力しました。ランダムな座標で黄色の円の束を描きます。うーん...構文は痛々しいほど馴染みがあります...しかしこれはCです！立ち上げました。プログラムの速度に驚いた。そして、これは私の死んだサムスンNC-110にあります。ギガバイトのRAMとグラフィックスサブシステムの悲惨な類似性があります。日本のチェーンソーについての冗談からのロシアの農民の好奇心が実験に引き込まれました。サイクルのポイント数の10倍に増加しました。強打、謙虚なハードワーカーは言った。うーん... 100倍に増加しました... Vvzhik、彼は繰り返しました。 1000倍になりました。ここで、私のネットブックはコードの実行速度が大幅に低下しました。それにもかかわらず、私は満足しました。私は例をロードし始めました。もちろん、グラフィックスを使用している人は遅くなりました。 EXEshnikのサンプルの1つをコンパイルしようとしました。そして、EXEにコンパイルされたスケッチが起動しないことが判明しました。 2つのウィンドウがポップアップしました。

1つでは、「C：\ ProgramData \ Oracle \ Java \ javapatch \ javaw.exe不明なエラー。」

2番目は「Processing error」という見出しで、「ShellExecuteEx（）の呼び出しエラー」というテキストがあります。

次は、初心者プログラマーの古典的な行動でした。ライトが擦れ、車輪が蹴られた。 processing.orgを検索し、プログラマー向けのチャットを探しました。しかし、プログラマーではなく、若いオザボティキがいました。答えを見つけるために必死に、彼は永遠のロシアの質問について振り返り始めました。そして、それは起こります！正しく作成された質問には、回答の半分が含まれています。そして、問題を解決しました。まあ私はそこを見ていた！プログラムファイル内。また、Program FilesではなくProgramData！が必要です。フォルダーは非表示になりました。登った。必要なサブフォルダーはそこにありましたが、！ javapathフォルダーにはファイル自体は含まれませんが、ファイルへのショートカットが含まれます。プロパティを編集できませんでした。特に、作業フォルダーを指定できませんでした。 Javaフォルダーに登りました。 C：\ Program Files \ Java \ jre1.8.0_25 \ bin \そこで必要なプログラムを見つけて、そこから新しいショートカットを作成しました。C：\ ProgramData \ Oracle \ Java \ javapatch \これは役に立ちませんでした。それから、私はそれと、ショートカットを持っている他の人をこのフォルダにコピーしました。そしてうまくいきました！

息子と最初の章を読んで、円を描く方法、目的の色で塗りつぶす方法、マウス、カーソル座標、ボタンを使用する方法を見つけました。私の息子は本当にマウスで描くのが好きでした。彼は色付けプログラムやフォトショップにも手を出しました。そしてここ。私たちが書いたプログラムを描く！彼は私の母に会うように要求しました。そして、私は考えがありました。そして、ペイントブラシのようにグラフィックエディタを書いてみませんか？

最初のバージョンは、30行のコードに収まります。すでにブラシの色と直径の選択がありました。私の息子はそれがさらに好きだった。もちろん、ちょうど30行は偶然ではなく、トレンドの追求でした:)したがって、コードは混乱しました。

現時点では300近くありますが、プログラムがだまされているからではありません。しかし、私は牛スタイルの執筆から逃げようとしているからです。その後、この混乱で理解することさえ不可能です。何をしますか？ブラシの色とサイズを選択するためのパネルが作成されます。そして、それらにボタンを呼び出します。カラーサンプルの数は、マウスの左ボタンと右ボタンごとに8個になりました。各サンプルには独自のブラシがあります。これまでのところ、スポットの直径のみ。ストローク間の距離であるXおよびYのスポットをスケーリングする計画。左のボタンは変更する色を選択し、右のボタンはライオンに対してアクティブです。そうだね描画時のボタン。 BMP形式での画像の保存が完了していません。正直な1600万色以上。十分な数値情報がありません。たとえば、ブラシのサイズについて、描画フィールド内のカーソルの座標について。これも計画中です。計画には、色を決定するためのスポイト、コピーするためのスタンプ、およびぼかしも含まれています-描画するとき、それは非常に欠けています。さまざまな形のブラシの汚れ、さまざまなペイントアルゴリズム。主なものは、色の透明度があっても、1つのポイントに複数のストロークがない均一なトーンです。線を描くのに十分なベクトルがありません。そして、元に戻す機能は非常に不足しています。作業のロジックがより明確になりました。これで、描画フィールドからカラーピッカーに飛び出しても色は消えません。ブラシのサイズが下がらないように。しかし、間違いがあります。まだ修正されていません。しかし、明示的には現れません。 Cのように、この言語で機能します。関数はルーチンです。とても快適です。呼び出されたときにパラメーターを受け取る関数を作成しました。彼女は規定を満たし、結果を返しました。また、規定は厳密には規定されていませんが、呼び出されたときにパラメーターの値に応じて選択できます。または何も返さず、グローバル変数の値を変更しました。または、画面上に何かを再描画します。グルは、グローバル変数は悪だと言います。しかし、今のところ私は彼らなしではどこにもいません。当初、私のプログラムはモノリシックでした。そして最も難しいのは、カーソルが押された状態をチェックすることでした。 30行のコードであったとき、すべてが明確で理解しやすくなりました。しかし、「機能」の数の増加に伴い、ますますコードの繰り返し部分が出現し始めました。そして、関数を使用することにしました。そして、すべてが壊れました。細身のモノリシックプログラムは、数十個の個別の部分、つまり機能に爆発しました。私はプログラムを常に機能させ続けたかったのです。間違いを犯す機会に恐れて、何、どこ、どこ、なぜ？しかし、徐々にすべてが正常に戻りました。そしてさらにそれ以上。最適化！同じ関数が色とブラシパラメータを変更するようになりました。そして、確かに、もしあれば、他のパネルにも適用されます。別の汎用関数は、スクロールバーのスライダーの位置を再描画します。 3番目には、変更用に選択された色、マウスボタンのアクティブな色の8色が表示されます。テストプロセス中に、制限が特定され始めました。作成された画像の解像度は1インチあたり72ピクセルです。そして、わずかな増加で、これはすぐに見えます。しかし、編集者は、la photoshopではなく、la PaintBrashに位置付けられました。本「Binaria」の3つの章のみを読んだことに注意してください。そして、そのような限られた知識で、結果はまだ悪くないと思います。記事の最後にプログラムリストが添付されます。アルゴリズムはコメントから明らかです。私は通常夜に書きます。私の最愛のメインベータテスターが寝ているとき。あなたの興味に注意をそらさないでください。そして、それらはたくさんあります。私はこれを言ってポイントを見る：

1）すべて、文字通りすべて、コメントする必要があります！関数が行うことだけでなく、文字通りすべての行！それ以外の場合は、次の夜、新しいゲートの雄羊のように、独自のコードを見ます。あなたは自分が望むものを理解しますが、それを実現するためにどの場所を変える必要があるかを理解していません。コードは機能しています。しかし、あなたはその方法がわかりません！バックアップする必要があります。プログラムで何かをデバッグしました。プログラムは動作します。バックアップ-コピーを作成する必要があります。すべてが本当に悪くなった場合、戻ることができるように。これは、大きな変更を行う場合に特に重要です。作業のロジックを変更し、優れた機能を追加します。

2）欲望では、一貫性が必要です。アイデアは群れの中にあります。あなたはそれらを熟考し始めます-あなたは今何をしているのか、なぜそうしているのかという考えを失います。

3）計画する必要がある。プログラムは、動作するカーネルで開始しないでください。そして彼女が解決するタスクを。インターフェイスのスケッチの後、アルゴリズムのブロック図の後。メインプログラム（一般的な用語）とサブプログラム（詳細）の両方。何を、どこで、どこで、なぜ見つけ出すのは簡単です。それ以外の場合、コードの最大60％の必然的な書き換え！既に実装されている場合、プログラムの新しい構造、発明された汎用機能に劇的に変化します。

4）4番目ですが、実際には主なものです。書かなければならない！試し、ミスをし、理解し、修正する必要があります。トピックに関する100冊の本を読んだ後、座って「from and to」プログラムを書くことは決してありません。しかし、これはもちろん私の個人的な意見です。アマチュアの意見。そして、この4番目は3番目と矛盾しません。将来のプログラムの明確な計画があっても、すぐにエラーなしで作成すると失敗します。
他に何を言いますか？非常に複雑な感情。一方で、自信が高まり、他方では、プログラムが急速に成長しているという認識。一方で-彼らの「子供」をさらに改善したいという願望。一方-Photoshopのモンスターの能力を超える可能性は低いという認識。したがって、重要なのは結果ではなく、プロセスだけです。勉強の頭の中で留めます。後で息子に説明できるようにするため。言語の学習に役立ちます。「Binaria」の次の章を読む必要があるという認識。現在書かれているのは私の制限です。しかし、この言語の限界にはほど遠い。

結論として、私の図面はプログラムで作成されます。むしゃむしゃ。現在、彼は息子のタブレットに永続的なスクリーンセーバーを持っています。ここでは、タブレット上のスクリーンダンプとして表示されます。もちろん、Photoshopによってツールバーがトリミングされます。

プログラムの作業中に作成されたメインベータテスターのいくつかの図面。

また、彼のプログラムのスクリーンダンプ。 9つのイースターエッグを描きます。毎回新しい色合いで。非常にシンプルなプログラム。 12行未満。しかし、彼は各チームの目的とその変数を自分で説明できます！

プログラムリスト

boolean ris = false; // .    boolean sel_col = false; // .      boolean sel_kist = false; // .      int num_color = 0; //  . 8 .   int color_active_left = 0; int color_active_right = 1; //      int num_panel; //        // 4   8 . RGB  8  int [] colr = new int [8]; int [] colg = new int [8]; int [] colb = new int [8]; int [] proz = new int [8]; // 4   8 .  ,   X  Y,    int [] r = new int [8]; int [] scale_x = new int [8]; int [] scale_y = new int [8]; int [] distanse = new int [8]; //  ,    ,         int zader = 1000000000; int nabor; void ris_main_menu () //   { fill ( 20, 20, 20); rect ( 0, 0, 65, 600); //    //     fill (20, 20, 20); stroke (200, 200, 200); rect (3, 5, 15, 15); noStroke (); fill (255, 0, 0); rect ( 5, 7, 3, 11); fill ( 0, 255, 0); rect ( 8, 7, 3, 11); fill ( 0, 0, 255); rect (11, 7, 3, 11); for (int a= 3; a < 14; a++) {//         int b = a * 17; stroke (b, b, b); line (15, 20 - a, 16, 20 - a); } //     fill (20, 20, 20); rect (22, 5, 15, 15); fill (200, 200, 200); ellipse (29, 12, 8, 8); fill (20, 20, 20); rect (41, 5, 15, 15); fill (200, 200, 200); rect (44, 8, 9, 9); //      fill (50, 50, 50); rect (47, 11, 3, 3); stroke (50, 50, 50); line (48, 9, 51, 9); } void disp_sel_col () //         2   4  { cls_sel_col (); //     noStroke (); fill (0, 0, 0); //  ,   for (int i = 65; i <= 119; i = i + 18) //    8     2   { rect (5, i, 21, 16); rect (35, i, 21, 16); } for (int i = 0; i < 8; i+=2) //    4      { if (num_color == i) //      -    {stroke (200, 200, 200); } else {noStroke ();} //  -    fill (colr [i], colg [i], colb [i], proz [i]); rect ( 5, 65 + i * 9, 21, 16); //         -     if (i == color_active_left) {noStroke (); fill (240, 0, 0); ellipse (30, 73 + i * 9, 5, 5);} } for (int i = 1; i < 8; i+=2) //    4      { if (num_color == i) {stroke (200, 200, 200); } else {noStroke ();} fill (colr [i], colg [i], colb [i], proz [i]); rect (35, 56 + i * 9, 21, 16); //         -     if (i == color_active_right) {noStroke (); fill (240, 0, 0); ellipse (60, 64 + i * 9, 5, 5);} } //     -        if (sel_col == true) {ris_polz (colr [num_color], colg [num_color], colb [num_color], proz [num_color]);} //     -        if (sel_kist == true) {ris_polz (r [num_color], scale_x [num_color], scale_y [num_color], distanse [num_color]);} } void ris_col_bar () //    { cls_pan_instr (); ris_polz (colr [num_color], colg [num_color], colb [num_color], proz [num_color]); for (int i=255; i>=0; i--) //    4      { stroke (i, 0, 0); line (5, 400-i, 10, 400-i); stroke (0, i, 0); line (20, 400-i, 25, 400-i); stroke (0, 0, i); line (35, 400-i, 40, 400-i); stroke (i, i, i); line (50, 400-i, 55, 400-i); } } void ris_sel_kist () //    { cls_pan_instr (); ris_polz (r [num_color], scale_x [num_color], scale_y [num_color], distanse [num_color]); for (int i=255; i>=0; i--) //    4     { stroke (200, 200, 200); line (5, 400-i, 10, 400-i); line (20, 400-i, 25, 400-i); line (35, 400-i, 40, 400-i); line (50, 400-i, 55, 400-i); } disp_sel_col (); } void cls_pan_instr () //    {noStroke (); fill (20, 20, 20); rect (0, 145, 65, 450);} void cls_polz () //    { noStroke (); fill (20, 20, 20); for (int i = 11; i < 57; i = i + 15) {rect (i, 140, 9, 265);} } void cls_sel_col () //    8  { noStroke (); fill (20, 20, 20); rect (2, 63, 63, 75); } void ris_polz (int r, int g, int b, int p) //   { cls_polz (); noStroke (); fill (200, 200, 200); triangle (12, 400 - r, 16, 396 - r, 16, 404 - r); triangle (27, 400 - g, 31, 396 - g, 31, 404 - g); triangle (42, 400 - b, 46, 396 - b, 46, 404 - b); triangle (57, 400 - p, 61, 396 - p, 61, 404 - p); } void sel_num_col (int x, int y) //     .  X  Y //  -    ,  -  . //   -  ,   -   { for (int i = 0; i < 7; i++) { if (x >= 5 && x <= 26 && y >= 65 + i * 9 && y <= 81 + i * 8) { if (mouseButton == LEFT) {num_color = i;} else { if (mouseButton == RIGHT) {color_active_left = i;} }} if (x >= 35 && x <= 56 && y >= 65 + i * 9 && y <= 81 + i * 8) { if (mouseButton == LEFT) {num_color = i + 1;} else { if (mouseButton == RIGHT) {color_active_right = i + 1;} }} } disp_sel_col (); } void select_value (int x, int y, int num_panel) //      { //    4 ,       //     -   ,    -  , //   X  Y,    if (sel_col == true | sel_kist == true) { int [] a = new int [4]; if (num_panel == 0) { a [0] = colr [num_color]; a [1] = colg [num_color]; a [2] = colb [num_color]; a [3] = proz [num_color]; } else { if (num_panel == 1) { a [0] = r [num_color]; a [1] = scale_x [num_color]; a [2] = scale_y [num_color]; a [3] = distanse [num_color]; } } //       ,       for (int i = 0; i < 4; i++) { if (x >= 5 + i * 15 && x <= 15 + i * 15 && y >= 145 && y <= 400) {a [i] = 400 - y;} } //         if (num_panel == 0) { colr [num_color] = a [0]; colg [num_color] = a [1]; colb [num_color] = a [2]; proz [num_color] = a [3]; } else { if (num_panel == 1) { r [num_color] = a[0]; scale_x [num_color] = a[1]; scale_y [num_color] = a[2]; distanse [num_color] = a[3]; } } ris_polz (a [0], a [1], a [2], a [3]); //   disp_sel_col (); //    } } void setup() {//   RGB  ,  for (int i = 0; i < 8; i++) { colr [i] = (i + 5) * 10; colg [i] = (i + 5) * 12; colb [i] = (i + 5) * 16; proz [i] = 255; } size(1000, 550); //   background (0,0,0); //   frameRate (20); ris_main_menu (); //    ( ) disp_sel_col (); //    } void draw() { if (mousePressed && ris == false) //       {//       if (mouseX >= 3 && mouseX <= 15 && mouseY >= 5 && mouseY <= 15) //   , .    ,     {ris_col_bar (); sel_col = true; sel_kist = false;} else { //       if (mouseX >= 22 && mouseX <= 37 && mouseY >= 5 && mouseY <= 15) //   , .    //    - .     {ris_sel_kist (); sel_kist = true; sel_col = false;} else { //       if (mouseX >= 5 && mouseX <= 56 && mouseY >= 65 && mouseY <= 135) {sel_num_col (mouseX, mouseY);} //     .     ,   //    ,     else { if (sel_col == true && mouseX >= 5 && mouseX <= 55 && mouseY >= 145 && mouseY <= 400) {num_panel = 0;} if (sel_kist == true && mouseX >= 5 && mouseX <= 55 && mouseY >= 145 && mouseY <= 400) {num_panel = 1;} select_value (mouseX, mouseY, num_panel); // else { //      // if (mouseX >= 70 && mouseX <= 120 && mouseY >= 25 && mouseY <= 75) // {save ("KARTINKA.bmp");} }}} //   "else" } //  "     " //           X    //  -   +    //  !!!     ,       / . //         if (mousePressed && mouseX >= 65 + r [nabor] / 2) { ris = true; // . .          //      if (mouseButton == LEFT) {nabor = color_active_left;} //    -    else { if (mouseButton == RIGHT) {nabor = color_active_right;} //    -    } //    ,           noStroke (); fill (colr [nabor], colg [nabor], colb [nabor], proz [nabor]); ellipse (mouseX, mouseY, r [nabor], r [nabor]); //   //      .      //    } else { //     -  .   "" if(!mousePressed){ ris = false;}} }

この言語で見つけた本をロシア語で言及します。
「処理を伴うプログラムの学習」-著者：ケーシーリース/ケーシーリース、ベンフライ/ベンフライ-6.89 Mb
処理2：Ian Vantommeによるクリエイティブプログラミング-15.8 Mb

初心者向けのプログラミング。 処理の私の知り合い

More articles:

初心者向けのプログラミング。処理の私の知り合い